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 在实际使用中的基本用法之一。
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 在实际使用中的基本用法之一。
本文地址：
/show-277336.html
版权声明：除非特别标注原创，其它均来自互联网，转载时请以链接形式注明文章出处。