javascript 学习一

来源:互联网 发布:左林右莉走一回 知乎 编辑:程序博客网 时间:2024/05/22 13:07

纯粹为了以后好找.......好久没写了,都忘了!!!

1.appendChild()

appendChild()方法让你添加一个节点并使其成为某个元素的最后一个子节点。如果添加的该节点已经存在于文档中,它会从当前位置移除。该节点的子节点保持不变,它们也被一起移动到新的位置。

<script type="text/javascript"> window.onload=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);


原创粉丝点击