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

本文描述了简单地添加新的元素节点的方法。分享给大家参考，如下：

！doctype html lang=' en ' head metacarset=' utf-8 ' title www . JB 51 . net-js添加新节点的几种方法/title/head Body div id=' d ' span Id=' s ' 1234567890/span/div/Body脚本类型=' text/JavaScript'/首先找到Id为d var d=document . getelementbyid(' d ')的元素；//创建一个节点var a=document . create element(' a ')；//设置属性a . href=' https://www . Baidu.com/'；a.innerText=' ggggg//add元素将创建的节点添加到Id为d.appendChild(a)的div中；//在指定节点之前插入一个新节点var p=document . create element(' p ')；//添加文本内容p . InnerText=' pppppppppppppppppp '；//d . appendchild(p)；//参数1:要添加的元素参数2:在d.insertBefore(p，a)前面放哪个节点；//获取目标元素var s=document . getelementbyid(' s ')；//克隆新元素var spanc=s . clonenode(true)；//默认参数为false d . appendchild(spanc)；/script/html运行效果截图：

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

希望本文对JavaScript编程有所帮助。