欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

7.2 DOM方法(以动态方式实时创建标记,实质在改变DOM节点树)

发布时间:2024/4/17 编程问答 51 豆豆
生活随笔 收集整理的这篇文章主要介绍了 7.2 DOM方法(以动态方式实时创建标记,实质在改变DOM节点树) 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
把一段文本+插入testdiv元素 <div id="testdiv"></div><script>window.οnlοad=function(){ //document.createElement("p");//可合并至下方 var para=document.createElement("p");//创建一个P元素节点 并赋予变量以引用 var testdiv=document.getElementById("testdiv");//获取div中的id属性节点testdiv testdiv.appendChild(para);//把P元素节点追加到testdiv属性节点后 //document.createTextNode("i love u");//可合并至下方 var txt=document.createTextNode("i love u");//创建一个文本节点 并赋予变量以引用 para.appendChild(txt);//把文本节点追加到P元素节点后 }</script>

  

 节点父子关系testdiv——para——txt

 

转载于:https://www.cnblogs.com/coke126/p/3696316.html

总结

以上是生活随笔为你收集整理的7.2 DOM方法(以动态方式实时创建标记,实质在改变DOM节点树)的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。