<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>对文档树进行导航</title></head><body><div id="div1"> <div>hello div</div> <p>hello p</p></div><script> var ele=document.getElementById(‘div1‘);// alert(ele); //1.第一个孩子// var ret=ele.firstElementChild;// alert(ret.nodeName);//DIV //2.最后一个孩子// var ret=ele.lastElementChild;// alert(ret.nodeName);//p //3.孩子 var ret=ele.children;// alert(ret);//[object HTMLCollection]// alert(ret.length);//2// alert(ret[0]);//[object HTMLDivElement]// alert(ret[1]);//[object HTMLParagraphElement] //4.children得到的是一个数组,下面遍历数组// for(var i in ret){// console.log(ret[i]);// }// for(var i=0;i<ret.length;i++){// console.log(ret[i]);// } //5.nextElementSibling var ele=document.getElementById(‘div1‘).firstElementChild; var next=ele.nextElementSibling; alert(next.nodeName);//p </script> </body></html>
原文地址:https://www.cnblogs.com/startl/p/12254353.html
时间: 2024-08-09 17:54:52