开发者工具提示：什么是 DOM？HTML 与 DOM

此页面由 Cloud Translation API 翻译。

Chrome for Developers

Blog

开发者工具提示：什么是 DOM？HTML 与 DOM

使用集合让一切井井有条

根据您的偏好保存内容并对其进行分类。

Sofia Emelianova

HTML 和 DOM 有何区别？简而言之，HTML 表示初始网页内容，DOM（文档对象模型）表示对象树中的当前内容。

观看视频，了解如何：

检查 DOM，并在悬停时查看视口中突出显示的元素。

在 DOM 中搜索节点。

将元素滚动到视野范围内。

使用 $ 命令操控 DOM。

使用 $0 引用当前选中的节点。

修改 DOM。

拖动 DOM 节点以重新排序。

添加属性。

如需了解详情，请参阅以下资源：

DOM 查看和更改入门

HTML 与 DOM

DOM 简介

如未另行说明，那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可，并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情，请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。

最后更新时间 (UTC)：2023-12-05。

[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC)：2023-12-05。"],[],[]]