DOM：createElement(),appendChild()和createTextNode()

最新推荐文章于 2024-09-30 08:30:00 发布

Wuaner

最新推荐文章于 2024-09-30 08:30:00 发布

阅读量48

点赞数

分类专栏： Ajax/JS/JSP/HTML5 文章标签： .net HTML Blog

本文链接：https://blog.csdn.net/Wuaner/article/details/83456414

版权

Ajax/JS/JSP/HTML5 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

createTextNode 创建的是内容
createElement 创建的标签

[url]http://www.cnblogs.com/gaonengquan/archive/2009/04/07/1430986.html[/url]

document.createElement()的用法
[url]http://blog.csdn.net/rocky_j2ee/archive/2009/01/30/3855130.aspx[/url]
关于createElement("a")的几个例子：
[url]http://www.jb51.net/article/10961.htm[/url]


<html> 
<head> 
<title>DOM Test</title> 
</head> 
<body> 
<p id="hello" style="background-color:#FFFF00">  </p> 
</body> 
<script> 
var text1 = document.createTextNode( "xx"); 
var text2 = document.createTextNode( "dd"); 
var oneinput = document.createElement( "input"); 
oneinput.type = "text"; 
var thep = document.getElementById( "hello"); 
thep.appendChild(text1); 
thep.appendChild(oneinput); 
thep.appendChild(text2); 
</script> 
</html>