js动态在一个元素中添加另一个元素:
在实际应用中可能需要根据需要动态的创建一个元素，然后再将这个元素添加到指定的元素中，下面就通过代码实例简单介绍一下如何实现此功能，代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>为DOM节点添加元素-蚂蚁部落</title>
<script type="text/javascript">
window.onload=function()
{
var obox=document.getElementById("box");
var newDiv=document.createElement("div");
var txtNode=document.createTextNode("蚂蚁部落欢迎您");
newDiv.appendChild(txtNode);
obox.appendChild(newDiv);
}
</script>
</head>
<body>
<div id="box"></div>
</body>
</html>
以上代码实现实现了我们的要求下面简单对此做一下简单介绍:
var obox=document.getElementById("box")可以获得id属性值为box的div对象。
var newDiv=document.createElement("div")再创建一个新的div对象。
var txtNode=document.createTextNode("蚂蚁部落欢迎您")创建一个文本节点对象。
newDiv.appendChild(txtNode);将文本节点对象添加到新的div对象。
obox.appendChild(newDiv)，将新的div添加到box中去。
相关阅读:
1.createElement()函数可以参阅js的createElement()和appendChild()函数的作用一章节。
2. 文本节点可以参阅javascript如何创建一个文本节点一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=10549
更多内容可以参阅:http://www.softwhy.com/javascript/