【JavaScript】46_DOM编程：div的原型链
【摘要】 4、div元素的原型链HTMLDivElement -> HTMLElement -> Element -> Node -> …通过元素节点对象获取其他节点的方法element.childNodes 获取当前元素的子节点（会包含空白的子节点）element.children 获取当前元素的子元素element.firstElementChild 获取当前元素的第一个子元素element.l...
4、div元素的原型链
HTMLDivElement -> HTMLElement -> Element -> Node -> …
通过元素节点对象获取其他节点的方法
element.childNodes 获取当前元素的子节点（会包含空白的子节点）
element.children 获取当前元素的子元素
element.firstElementChild 获取当前元素的第一个子元素
element.lastElementChild 获取当前元素的最后一个子元素
element.nextElementSibling 获取当前元素的下一个兄弟元素
element.previousElementSibling 获取当前元素的前一个兄弟元素
element.parentNode 获取当前元素的父节点
element.tagName 获取当前元素的标签名
<body>
<div id="box1">
我是box1
<span class="s1">我是s1</span>
<span class="s1">我是s1</span>
</div>
<span class="s1">我是s1</span>
<script>
const box1 = document.getElementById('box1')
const spans = box1.getElementsByTagName('span')
const span2 = box1.getElementsByClassName('s1')
const cns = box1.childNodes
const children = box1.children
console.log(children.length)//2,两个span标签
</script>
</body>
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论（0）