{site_name}

{site_name}

🌜 搜索

W3C DOM(文档对象模型)是一种表示和操作 HTML、XML 文档的标准方式

前端 𝄐 0
W3C DOM(文档对象模型)是一种表示和操作 HTML、XML 文档的标准方式。它定义了文档的逻辑结构,以及如何通过编程语言(例如 JavaScript)来访问和操作该结构。

W3C DOM 分为三个不同的部分:核心 DOM、XML DOM 和 HTML DOM。其中,核心 DOM 描述了文档的通用结构;XML DOM 描述了处理 XML 文档时的特定结构和行为;HTML DOM 则描述了处理 HTML 文档时的特定结构和行为。

以下是一个简单的 HTML 页面示例,展示如何使用 W3C DOM 中的 JavaScript 接口来操纵页面元素:

html
<!DOCTYPE html>
<html>
<head>
<title>W3C DOM 示例</title>
</head>
<body>

<h1 id="myHeading">Hello World!</h1>
<p>这是一个段落。</p>

<script>
// 查询 h1 元素并将其内容更改为 "Hello JavaScript!"
document.getElementById("myHeading").innerHTML = "Hello JavaScript!";
</script>

</body>
</html>


在此示例中,JavaScript 代码使用 document.getElementById() 方法查询页面上具有 id 属性为 "myHeading" 的元素,并使用 .innerHTML 属性将该元素的内容更改为 "Hello JavaScript!"。这就是 W3C DOM 在实际使用中的基本用法之一。