JS简单添加元素新节点的方法示例

　　

本文实例讲述了JS简单添加元素新节点的方法。分享给大家供大家参考,具体如下:

　　 　　 　　& lt; !DOCTYPE html> 　　& lt; html lang=癳n”比; 　　& lt; head> 　　& lt;元charset=皍tf - 8”比; 　　& lt; title> www.jb51.net JS添加新节点的几种方法& lt;/title> 　　& lt;/head> 　　& lt; body> 　　& lt; div id=癲”比; 　　& lt;跨越id=皊”比; 　　1234567890 　　& lt;/span> 　　& lt;/div> 　　& lt;/body> 　　& lt;脚本type=" text/javascript祝辞//首先找到Id为d的元素 　　var d=. getelementbyid (' d ');//创建一个节点 　　var=document.createElement (' a ');//设置一的属性 　　a.href=' https://www.baidu.com/'; 　　a.innerText=癵gggg”;//添加元素将创建的节点添加到Id为d的div里 　　d.appendChild(一个);//在指定节点前插入新节点 　　var p=document.createElement (“p”);//添加文本内容 　　p.innerText=皃pppppppppppppppp”;//d.appendChild (p);//参数1:要添加的元素参数2:要放到哪个节点的前面 　　d.insertBefore (p);//获取目标元素 　　var s=. getelementbyid (“s”);//克隆新元素 　　var spanc=s.cloneNode(真正);//默认参数是错误的 　　d.appendChild (spanc); 　　& lt;/script> 　　& lt;/html> 　　 　　之前 　　 　　

运行效果截图:

　　

JS简单添加元素新节点的方法示例

　　

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript页面元素操作技巧总结》,《JavaScript操作DOM技巧总结》,《JavaScript查找算法技巧总结》,《JavaScript数据结构与算法技巧总结》,《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》

　　

希望本文所述对大家JavaScript程序设计有所帮助。

JS简单添加元素新节点的方法示例