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