web前端：动态创建节点

作者：jane_panyiyun 来源： https://www.cnblogs.com/jane-panyiyun/p/12212569.html点击数：1040发布时间： 2020-03-31 09:06:10

标签：程序语言 XML jQuery

　　节点是XML文件中有效而完整的结构的最小单元。内含标示组的节点，加上必要属性、属性值及内容，便可构成一个元素。节点的标志符<>。

　　动态创建节点

　　js的方法

　　varbox=document.getElementById("box");

　　vara=document.createElement("a");

　　box.appendChild(a);

　　a.setAttribute("href","http://web.itcast.cn");

　　a.setAttribute("target","_blank");

　　a.innerhtml="传智大前端";

　　jQuery的方法

　　$(function(){

　　$("#box").append('<ahref="http://web.itcast.cn" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" rel="nofollow" target="_blank" target="_blank">传智大前端</a>');

　　});

　　<!DOCTYPEhtml>

　　<htmllang="zh-CN">

　　<head>

　　<metacharset="UTF-8">

　　<title>Title</title>

　　<style>

　　div{

　　width:400px;

　　height:400px;

　　background-color:pink;

　　}

　　</style>

　　</head>

　　<body>

　　<divid="box"></div>

　　<scriptsrc="jquery-1.12.4.js"></script>

　　$(function(){

　　});

　　</script>

　　</body>

　　</html>

　　在程序语言中，节点是XML文件中有效而完整的结构的最小单元。在作图软件Maya中，节点是最小的单位。每个节点都是一个属性组。节点可以输入，输出，保存属性。

踩(0)

分享到：

上一篇：web前端：HTTP协议的8种请求类型介绍

下一篇：web前端：前端开发基础，JavaScript 主要作用是什么？