创建DOM新节点

雨点打透心脏的1/2处 2022-05-12 00:14 305阅读 0赞

一 介绍

创建新的节点先通过使用文档对象中的createElement()方法和createTextNode()方法，生成一个新元素并生成文本节点，然后通过使用appendChild()方法将创建的新节点添加到当前节点的末尾处。

appendChild()方法将新的子节点添加到当前节点的末尾。

obj.appendChild（newChild）

newChild：表示新的子节点。

二 应用

创建新的节点，本示例在页面加载后自动显示“创建新节点”文本内容，并通过使用标记将该文本加粗。

三 代码

  1. <body οnlοad="createChild()" >
  2. <script language="javascript">
  3.  <!--
  4.  function createChild()
  5.  {
  6.      var b=document.createElement("b");
  7.      var txt=document.createTextNode("创建新节点！");
  8.      b.appendChild(txt);
  9.      document.body.appendChild(b);
  10.  }
  11.  -->
  12. </script>
  13. </body>

四 运行结果

创建新节点！

发表评论

表情：
评论列表 （有 0 条评论，305人围观）

还没有评论，来说两句吧...

相关阅读

    相关 JavaScript制DOM创建节点

    上几篇文章中我们罗列了一些获取HTML页面DOM对象的方法，当我们获取到了这些对象之后，下一步将对这些对象进行更改，在适当的时候进行对象各属性的修改就形成了我们平时看到的动态效

    秒速五厘米秒速五厘米/ 0 赞/ 286 阅读

    相关 DOM删除节点

    一 介绍 删除节点通过使用removeChild()方法来实现。 removeChild()方法用来删除一个子节点。 obj. removeChild(oldChild)

    Bertha 。Bertha 。/ 0 赞/ 365 阅读