JavaScript 获取 DOM 节点的五种常用方法

作者:窗边听雨

时间:2026-10-23

浏览:346

本文介绍 JavaScript 中获取 DOM 节点的几种核心方式。包括通过 ID 和标签名查找元素,利用 parentNode、firstChild 及 lastChild 属性进行节点间遍历,以及通过 document.documentElement 和 document.body 直接访问文档根节点与 body 节点。

文章目录

JavaScript 获取 DOM 节点的五种常用方法

可以通过调用 getElementById() 和 getElementsByTagName() 这两个方法来实现元素查找。


借助元素节点的 parentNode、firstChild 以及 lastChild 属性,可以访问其父节点、第一个子节点和最后一个子节点。


文档中存在两个特殊的属性,可用于直接访问根节点:



document.documentElement


document.body


实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章