AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

Dom中获取父节点和兄弟节点的几种方法

2021-11-13 657
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Dom中获取父节点和兄弟节点的几种方法

1：获取父节点

element.parentNode

2：元素的下一个节点

element.nextSibling;

3：元素的上一个节点

element.previousSibling;

4：元素的上一个兄弟元素节点

element.previousElementSibling;

5：元素的下一个兄弟元素节点

element.nextElementSibling;

实际案例

image.png

文章标签：
JavaScript
关键词：
dom方法
dom节点
dom节点方法
答案命运
目录
相关文章
我是快乐的嘟嘟
|
1月前
|
JavaScript 前端开发 索引
js中DOM的基础方法
【10月更文挑战第31天】这些DOM基础方法是操作网页文档结构和实现交互效果的重要工具，通过它们可以动态地改变页面的内容、样式和行为，为用户提供丰富的交互体验。
我是快乐的嘟嘟
89 49
光明顶阳顶天
|
2月前
|
缓存 编解码 JavaScript
DOM 和 BOM 在项目中应用时的性能优化方法
【10月更文挑战第19天】总之，优化 DOM 和 BOM 的性能需要综合考虑多个方面，通过合理的设计和技术手段，提升项目的运行效率和用户体验。在实际开发中，要不断地进行性能优化实践，以适应不断变化的需求和技术发展。
光明顶阳顶天
39 7
游客44yag4ft7nckq
|
2月前
|
JavaScript
HTML DOM 节点树
HTML DOM 节点是指在 HTML 文档对象模型中，文档中的所有内容都被视为节点。整个文档是一个文档节点，每个 HTML 元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。DOM 将文档表示为节点树，节点之间有父子和同胞关系。
游客44yag4ft7nckq
29 3
游客44yag4ft7nckq
|
2月前
|
JavaScript
HTML DOM 节点
HTML DOM（文档对象模型）将HTML文档视为节点树，其中每个部分都是节点：文档本身是文档节点，HTML元素是元素节点，元素内的文本是文本节点，属性是属性节点，注释是注释节点。节点间存在父子及同胞关系，形成层次结构。
游客44yag4ft7nckq
30 3
游客44yag4ft7nckq
|
2月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
游客44yag4ft7nckq
21 7
游客44yag4ft7nckq
|
2月前
|
JavaScript
DOM 节点列表长度（Node List Length）
DOM 节点列表长度（Node List Length）
游客44yag4ft7nckq
32 2
游客44yag4ft7nckq
|
2月前
|
JavaScript
DOM 节点列表长度（Node List Length）
DOM 节点列表长度（Node List Length）
游客44yag4ft7nckq
20 4
大树营养快线
|
1月前
|
JavaScript 前端开发 API
除了事件委托，还有哪些处理大量 DOM 元素的方法？
【10月更文挑战第29天】
大树营养快线
33 0
游客44yag4ft7nckq
|
2月前
|
JavaScript
DOM 节点列表长度（Node List Length）
DOM 节点列表长度（Node List Length）
游客44yag4ft7nckq
14 2
游客44yag4ft7nckq
|
2月前
|
XML JavaScript 数据格式
XML DOM 遍历节点树
XML DOM 遍历节点树
游客44yag4ft7nckq
30 2