JS简单添加元素新节点的方法示例
群女神的熊宝 人气:0本文实例讲述了JS简单添加元素新节点的方法。分享给大家供大家参考,具体如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.qb5200.com - JS添加新节点的几种方法</title> </head> <body> <div id="d"> <span id="s"> 1234567890 </span> </div> </body> <script type="text/javascript"> //首先找到Id为d的元素 var d=document.getElementById('d'); //创建一个节点 var a=document.createElement('a'); //设置a的属性 a.href='https://www.baidu.com/'; a.innerText='ggggg'; //添加元素 将创建的节点添加到Id为d的div里 d.appendChild(a); //在指定节点前插入新节点 var p=document.createElement('p'); //添加文本内容 p.innerText='ppppppppppppppppp'; /https://img.qb5200.com/download-x/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程序设计有所帮助。
加载全部内容