JS DOM创建和添加元素节点_python

JS DOM创建和添加元素节点

文章目录

JS DOM创建和添加元素节点
- 第一种: createElement() + createTextNode() + appdChild()
- 第二种: innerHTML
- 第三种: document.write()
- 第四种 : A.insetBefore(B,C)

第一种: createElement() + createTextNode() + appdChild()

<body>
  <script>
    let oP = document.createElement("p")
    let oText = document.createTextNode("小情歌")
    oP.appendChild(oText)
    document.body.appendChild(oP)
  </script>
</body>

第二种: innerHTML

<body>
  <script>
    let str = "小情歌
"
    document.body.innerHTML += str
  </script>
</body>

第三种: document.write()

<body>
  <script>
    document.write("小情歌
")
  </script>
</body>

第四种 : A.insetBefore(B,C)

在A标签中,将B标签添加到C标签之前

<body>
  <div class="wrap">
    <span class="c">王五</span>
  </div>
  <span class="b">张三</span>
  <script>
    let oWrap = document.querySelector(".wrap")
    let oB =   document.querySelector(".b")
    let oC =   document.querySelector(".c")

    oWrap.insertBefore(oB,oC)

  </script>
</body>

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/langs/716415.html

JS DOM创建和添加元素节点

发表评论

评论列表（0条）