1. 前言
在Web开发中，常常需要通过JavaScript来动态修改或访问文档的属性，例如修改文本内容、添加/删除元素等。W3C DOM提供了一套标准化的API来操作文档，使得开发者可以方便地访问和修改文档的各个方面。本文将介绍如何使用W3C DOM获取可访问的文档属性列表。
2. 什么是W3C DOM?
W3C DOM(Document Object Model)是一种用于表示和操作HTML、XML文档的标准接口。通过W3C DOM，开发者可以用JavaScript来动态修改文档的内容、结构和样式，实现各种动态效果和交互。
W3C DOM将整个文档视为一个树形结构，其中每个元素都是一个节点，每个节点都有一组属性和方法，可以通过这些属性和方法来访问和修改文档的各个方面。例如，可以通过W3C DOM获取元素的ID、类名、样式、文本内容、子元素以及与其他元素的关系等。
3. W3C DOM属性列表
W3C DOM提供了丰富的属性和方法，用于访问文档的各个方面。下面是一些常用的属性和方法：
document.title：获取或设置文档标题
document.URL：获取文档的URL地址
document.domain：获取或设置文档的域名
document.referrer：获取文档的来源页面
document.body：获取文档的
元素document.head：获取文档的
元素document.getElementById(id)：根据元素ID获取元素节点
document.getElementsByTagName(name)：根据元素名称获取元素集合
document.createElement(tagName)：创建一个新的元素节点
element.parentNode：获取元素的父节点
element.childNodes：获取元素的所有子节点
element.firstChild：获取元素的第一个子节点
element.lastChild：获取元素的最后一个子节点
element.nextSibling：获取元素的下一个兄弟节点
element.previousSibling：获取元素的上一个兄弟节点
element.getAttribute(name)：获取元素的指定属性值
element.setAttribute(name, value)：设置元素的指定属性值
element.style：获取元素的样式
element.innerHTML：获取或设置元素的HTML内容
element.innerText：获取或设置元素的纯文本内容
4. 获取元素属性的方法
4.1. 根据ID获取元素
根据ID获取元素是最常见的操作之一。可以使用document.getElementById(id)方法来获取指定ID的元素节点。例如：
<div id="myElement"></div>
<script>
var element = document.getElementById("myElement");
element.innerHTML = "Hello, world!";
</script>
上述代码用getElementById(id)方法获取指定ID的元素，并将其HTML内容设置为"Hello, world!"。
4.2. 根据名称获取元素
如果要获取文档中所有指定名称的元素，可以使用getElementsByTagName(name)方法。例如，下面的代码将获取文档中所有的<p>元素：
var paragraphs = document.getElementsByTagName("p");
for (var i = 0; i < paragraphs.length; i++) {
paragraphs[i].style.color = "red";
}
上述代码获取文档中所有的<p>元素，并将它们的文字颜色设置为红色。
4.3. 获取父节点和子节点
每个元素节点都有一个父节点和一组子节点，可以通过parentNode、childNodes、firstChild、lastChild、nextSibling和previousSibling属性来访问它们。例如，下面的代码将获取文档中第二个<p>元素的父元素和子元素个数：
var paragraphs = document.getElementsByTagName("p");
var secondParagraph = paragraphs[1];
var parentElement = secondParagraph.parentNode;
var childCount = secondParagraph.childNodes.length;
上述代码获取文档中所有的<p>元素，然后获取第二个元素节点，接着获取它的父元素和子元素个数。
4.4. 获取属性值
每个元素节点都有一组属性值，可以通过getAttribute(name)方法来获取某个属性值。例如，下面的代码将获取指定元素的class属性值：
var element = document.getElementById("myElement");
var className = element.getAttribute("class");
上述代码获取指定ID的元素，然后获取它的class属性值。
4.5. 设置属性值
可以使用setAttribute(name, value)方法来设置某个属性值。例如，下面的代码将设置指定元素的href属性值：
var link = document.getElementById("myLink");
link.setAttribute("href", "http://www.example.com");
上述代码获取指定ID的链接元素，然后把它的href属性值设置为"http://www.example.com"。
5. 结论
W3C DOM提供了一套标准化的API，使得JavaScript开发者可以方便地访问和修改文档的各个方面。通过W3C DOM，可以获取元素的ID、类名、样式、文本内容、子元素以及与其他元素的关系等，还可以动态创建、添加和删除元素，实现各种动态效果和交互。