提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

JavaScript DOM创建元素节点（createElement）创建文本节点（createTextNode）创建注释节点createComment

JavaScript节点 创建 元素 文本 注释 dom
2023-09-11 14:21:46 时间 
 
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=GBK">
        </head>
        <body>
        	<div id="box">
        		
        	</div>
        </body>
<script>
var box = document.getElementById("box");
var p = document.createElement("p");
var text = document.createTextNode("这是一个p的文本元素");
	p.appendChild(text);
	
var comment = document.createComment("这是一个p的注释元素");
	p.appendChild(comment);
	
	box.appendChild(p);
 
</script>
</html>

效果：

 

相关文章