获取排名,无锡seo报价,北京网站开发网站建设,产品网络推广方式DOM 是以树状结构排列的#xff0c;所以父子关系是相对的#xff0c;当li为我们的目标节点的时候#xff0c;ul为其父节点#xff0c;其他li为它的兄弟节点#xff0c;li里面包含的标签为子节点#xff0c;以此类推。 那我们如何找父节点#xff1f; 元素.parentNode所以父子关系是相对的当li为我们的目标节点的时候ul为其父节点其他li为它的兄弟节点li里面包含的标签为子节点以此类推。 那我们如何找父节点 元素.parentNode直接得到DOM对象 ulli idbox/lili/lili/li /ul let dom document.getElementById(box) console.log(dom.parentNode) 如何找子节点 父元素.childNodes包含标签、文本、注释等 得到伪数组 ul idboxli/lili/lili/li /ul let dom document.getElementById(box) console.log(dom.childNodes) // NodeList(7) [text, li, text, li, text, li, text] text是换行文本如何找子元素 父元素.children这个只会找到标签 得到伪数组 ul idboxli/lili/lili/li /ul let dom document.getElementById(box) console.log(dom.children) // HTMLCollection(3) [li, li, li] 只会有元素这个更常用如何找兄弟元素同级 找上一个兄弟节点元素.previousSibling或元素.previousElementSibling 找下一个兄弟节点元素.nextSibling 或元素.nextElementSibling ulli1/lili idbox2/lili3/li /ul let dom document.getElementById(box) console.log(dom.previousSibling) console.log(dom.previousElementSibling) console.log(dom.nextSibling) console.log(dom.nextElementSibling)