JavaScript 中有哪些不同类型的 DOM 可用于访问和修改内容?
javascriptweb developmentfront end technology更新于 2024/8/17 4:21:00
在本教程中，我们将了解 JavaScript 中有哪些不同类型的 DOM 可用于访问和修改内容。
文档对象模型 (DOM) 是构成 Web 文档结构和内容的对象的数据表示。它是用于编写网页脚本的接口。程序可以利用 DOM 来更改文档的结构、样式和内容。DOM 将每个元素表示为一个节点，JavaScript 等编程语言可以轻松地与节点交互以修改页面。
JavaScript 中有不同类型的 DOM 可用于访问和修改内容，它们是 −
旧式 DOM − 此模型是在早期的 JavaScript 版本中引入的。所有浏览器都支持它，但只有文档的几个基本部分(如表单、表单组件和图片)可以访问。
W3C DOM − 万维网联盟 (W3C) 已标准化文档对象模型，允许访问和修改任何文档元素。几乎所有当前浏览器都支持此模型。
IE4 DOM − IE4 在 Microsoft Internet Explorer 浏览器的第 4 版中引入了文档对象概念。IE 5 及更高版本支持大多数基本的 W3C DOM 功能。
DOM 具有许多属性和方法来执行不同的任务，例如更改元素的内容、样式等。我们将了解如何使用 W3C DOM 属性和方法来更新页面。
使用 W3C DOM 属性
示例
在下面的示例中，我们使用了 W3C DOM 属性来更改元素的内容、显示元素的 id 以及显示元素的标签名称。document.getElementById() 方法用于访问 DOM 元素。我们将使用三个不同的属性:"innerHTML"、"id"和"tagName"。三个按钮与点击事件一起使用，为每个任务执行单独的函数，在这些函数中，我们使用提到的属性来修改页面。
Using the W3C DOM properties to modify the webpage with JavaScript
id="root" style=" padding: 15px; margin-top: 5px; background-color: rgb(186, 235, 182); border: 1px solid gray; " > Welcome to Tutorialspoint!