javascript--DOM操作
来源:互联网 发布:人工智能四大开放平台 编辑:程序博客网 时间:2024/06/10 20:25
<script> window.onload = function () { var aUl = document.getElementsByTagName('ul')[0]; var aLi = aUl.getElementsByTagName('li'); //alert(aUl.childNodes.length); // 7 //alert(aUl.children.length); //值3 --children都兼容 // for (var i = 0; i < aUl.childNodes.length; i++) { // alert(aUl.childNodes[i].nodeType); // } //nodeType =3 文本节点 //nodeType =1 元素节点 //alert(aUl.parentNode);//父节点 //alert(aUl.offsetParent); //[object HTMLBodyElement] // if (aUl.firstElementChild) // { // aUl.firstElementChild.style.background = "red"; //高级浏览器 // } else // { // aUl.firstChild.style.background = "red"; //IE6-8 // }; //创建节点createElement // var lone = document.createElement('li'); // lone.innerHTML = '4'; //aUl.appendChild(lone); //aUl.insertBefore(lone,aLi[0]); //aUl.removeChild(aLi[1]); //父级.appendChild/removeChild(子节点) //父级.insertBefore(子节点,在谁之前) }</script>