JS添加元素新节点

JS添加元素新节点
这次给大家带来JS添加元素新节点，JS添加元素新节点的注意事项有哪些，下面就是实战案例，一起来看一下。

这次给大家带来JS添加元素新节点，JS添加元素新节点的注意事项有哪些，下面就是实战案例，一起来看一下。

nbsp;html&gt;  <meta>  <title>www.jb51.net - JS添加新节点的几种方法</title><p><span>  1234567890</span></p><script> //首先找到Id为d的元素 var d=document.getElementById(&#39;d&#39;); //创建一个节点 var a=document.createElement(&#39;a&#39;); //设置a的属性 a.href=&#39;https://www.baidu.com/&#39;; a.innerText=&#39;ggggg&#39;; //添加元素 将创建的节点添加到Id为d的p里 d.appendChild(a); //在指定节点前插入新节点 var p=document.createElement(&#39;p&#39;); //添加文本内容 p.innerText=&#39;ppppppppppppppppp&#39;; //d.appendChild(p); //参数1：要添加的元素 参数2：要放到哪个节点的前面 d.insertBefore(p,a); //获取目标元素 var s=document.getElementById(&#39;s&#39;); //克隆新元素 var spanc= s.cloneNode(true);//默认参数是false d.appendChild(spanc);</script>