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 = "<p>小情歌</p>"document.body.innerHTML += str</script></body>
第三种: document.write()
<body><script>document.write("<p>小情歌</p>")</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>
如果觉得《JS DOM创建和添加元素节点》对你有帮助,请点赞、收藏,并留下你的观点哦!