创建新 HTML 元素(节点)


<body>
  <div id="div1">     <p id="p1">这是一个段落。</p>     <p id="p2">这是另一个段落。</p>   </div>
</body> <script>
  var element = document.getElementById("div1");
1,创建了一个新的 <p> 元素   var para = document.createElement("p");
2,创建文本节点,因为要像<p>标签里放文本   var node = document.createTextNode("这是新文本。");
3,向 <p> 元素加这个文本节点   para.appendChild(node); 4,向已有元素div加新元素<p>   element.appendChild(para);
5,此时div里会多一个p元素 </script>

猜你喜欢

转载自www.cnblogs.com/shun1015/p/11409500.html