appendChild方法可以向html网页或xml文档中添加一个标签或元素,也可以向已存在的标签内添加一个子元素.
在向某个元素添加子元素时,你可以新创建一个元素,或者把页面其他的元素追加到该元素.
比如你可以为body添加一个div,或者为ul添加一个li.
appendChild方法必须指定一个参数.否则会出错,该参数是你希望添加的html标签,或xml节点元素
appendChild方法必须指定一个参数.否则会出错,该参数是你希望添加的html标签,或xml节点元素
<body>
<ul id="a">
<li>HTML</li>
<li>CSS</li>
</ul>
<input type="button" id="b" value="添加" onclick="addChild()"/>
<script type="text/javascript">
<!--
function addChild(){
var ul=document.getElementById("a");
var li=document.createElement("li");
li.innerHTML="DOM";
ul.appendChild(li);
}
//-->
</script>
</body>
<ul id="a">
<li>HTML</li>
<li>CSS</li>
</ul>
<input type="button" id="b" value="添加" onclick="addChild()"/>
<script type="text/javascript">
<!--
function addChild(){
var ul=document.getElementById("a");
var li=document.createElement("li");
li.innerHTML="DOM";
ul.appendChild(li);
}
//-->
</script>
</body>
转载于:https://blog.51cto.com/myoraclex/467793