JavaScript DOM节点添加示例

前端技术 2023/09/03 JavaScript 
<!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>

本文地址：https://www.stayed.cn/item/7219

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案