javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > DOM节点添加

JavaScript DOM节点添加示例

投稿:whsnow

本节为大家介绍下JavaScript DOM节点添加,将node里面的str放到h1段落中使之成为h1的新段落
<!DOCTYPE html> 
<html> 
<body> 

<div id="div1"> 
<p id="p1">这是一个段落。</p> 
<p id="p2">这是另一个段落。</p> 
</div> 

<script> 
var para=document.createElement("h1"); 
var node=document.createTextNode("这是新段落。"); 
para.appendChild(node); 
//将node里面的str放到h1段落中 
//使之成为<h1>这是新段落</h1> 

var element=document.getElementById("div1"); 
element.appendChild(para); 

//将para放到div中 

</script> 

</body> 
</html>
您可能感兴趣的文章:
阅读全文