JS添加元素新节点的方法

  介绍

小编给大家分享一下JS添加元素新节点的方法,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!

JS添加元素新节点,JS添加元素新节点的注意事项有哪些

& lt; ! DOCTYPE  html>   & lt; html  lang=癳n"祝辞   & lt; head>   & lt;才能meta  charset=癠TF-8"比;   & lt;才能title> www.jb51.net 作用;JS添加新节点的几种方法& lt;/title>   & lt;/head>   & lt; body>   & lt; p  id=癲"祝辞   & lt; span  id=皊"祝辞   ,,1234567890   & lt;/span>   & lt;/p>   & lt;/body>   & lt; script 类型=拔谋?javascript"比;//首才能先找到Id为d的元素   var 才能;d=. getelementbyid (& # 39; d # 39;);//创才能建一个节点   var 才能;=document.createElement(& # 39;一个# 39;);//才能设置一的属性   a.href才能=https://www.yisu.com/zixun/癶ttps://www.baidu.com/?   a.innerText=癵gggg”;//添加元素将创建的节点添加到Id为d的p里   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);>

运行效果截图:

 JS添加元素新节点的方法

看完了这篇文章,相信你对“JS添加元素新节点的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

JS添加元素新节点的方法