JS添加元素新节点的方法-创新互联

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

专注于为中小企业提供网站设计制作、成都做网站服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业长宁免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了千余家企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

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




  
  www.jb51.net - JS添加新节点的几种方法




  1234567890

  //首先找到Id为d的元素   var d=document.getElementById('d');   //创建一个节点   var a=document.createElement('a');   //设置a的属性   a.href='https://www.baidu.com/';   a.innerText='ggggg';   //添加元素  将创建的节点添加到Id为d的p里   d.appendChild(a);   //在指定节点前插入新节点   var p=document.createElement('p');   //添加文本内容   p.innerText='ppppppppppppppppp';   //d.appendChild(p);   //参数1:要添加的元素 参数2:要放到哪个节点的前面   d.insertBefore(p,a);   //获取目标元素   var s=document.getElementById('s');   //克隆新元素   var spanc= s.cloneNode(true);//默认参数是false   d.appendChild(spanc);

运行效果截图:

JS添加元素新节点的方法

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


新闻名称:JS添加元素新节点的方法-创新互联
转载源于:http://myzitong.com/article/dgoioo.html