纯粹为了以后好找.......好久没写了,都忘了!!!
1.appendChild()
appendChild()方法让你添加一个节点并使其成为某个元素的最后一个子节点。如果添加的该节点已经存在于文档中,它会从当前位置移除。该节点的子节点保持不变,它们也被一起移动到新的位置。
<script type="text/javascript">
window.οnlοad=function(){
/*为一个元素添加子元素*/
var nav=document.getElementById("nav");
//创建一个li新元素
var newChild=document.createElement('li');
//创建一个a 新元素
var newLink=document.createElement('a')
//创建一个 Text 节点
var newText=document.createTextNode('My Wiki');
//把Text添加到a元素节点中
newLink.appendChild(newText);
//给a元素节点设置属性href和内容
newLink.setAttribute('href',"#");
//把a元素节点添加到新的li元素节点中
newChild.appendChild(newLink);
//把新的li元素节点添加到 ul 元素节点里
nav.appendChild(newChild);
/*<li>从原始位置上被移除,成为ul的最后一个子节点。它的a 元素节点和文本节点HODE也被移了过来*/
navnav_list=nav.getElementsByTagName("li");//返回相同的一组元素
nav.appendChild(nav_list[0]);
}
</script>
可以child =
document.create("p");p.innerHTML="dddd"; father.appendChild(child);