添加子节点appendChild()

【添加子节点appendChild()】宁可枝头抱香死,何曾吹落北风中。这篇文章主要讲述添加子节点appendChild()相关的知识,希望能为你提供帮助。

< !DOCTYPE html> < html lang="en"> < head> < meta charset="UTF-8"> < meta name="viewport" content="width=device-width, initial-scale=1.0"> < meta http-equiv="X-UA-Compatible" content="ie=edge"> < title> 添加子节点appendChild()< /title> < !-- node.appendChild(a); 为节点node添加一个子节点a,且节点a会成为节点node的最后一个子节点 --> < /head> < body> < div> < p> 第一个div子节点< /p> < a href="https://www.songbingjia.com/android/#"> 第二个div子节点< /a> < /div> < script> var span=document.createElement("span"); //新建span元素节点 span.innerHTML="< br /> < br /> "+"我是"; //为span节点添加内容 var text=document.createTextNode("新建的最后一个div子节点"); //创建文本节点 var div=document.getElementsByTagName("div")[0]; //获取div节点 span.appendChild(text); //为span节点添加text子节点 div.appendChild(span); //为div节点添加span子节点 < /script> < /body> < /html>


    推荐阅读