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>

原创粉丝点击