HTML DOM 属性

HTML文档对象模型（DOM）与JavaScript紧密相关，它可以表示HTML文档的树状结构，并为JavaScript提供了一系列属性和方法来访问和操作HTML元素及其属性。

HTML DOM属性是用于访问和操作HTML元素的值或状态的属性。以下是常用的HTML DOM属性：

该属性可以设置或返回一个元素的HTML内容。例如，如果要将一个段落元素的内容更改为“Hello World！”，我们可以使用以下代码：

document.getElementById("myParagraph").innerHTML = "Hello World!";

value属性可用于访问或更改表单元素的值，例如输入框、复选框、单选按钮等。例如：

var x = document.getElementById("myInput").value;

这会获取一个id为“myInput”的输入框的值。

style属性可用于访问或更改元素的样式。例如，如果要更改一个元素的背景颜色为红色，我们可以使用以下代码：

document.getElementById("myDIV").style.backgroundColor = "red";

className属性可用于返回或更改元素的类名。例如，如果要将一个元素的类名更改为“myClass”，我们可以使用以下代码：

document.getElementById("myDIV").className = "myClass";

id属性可用于访问或更改元素的ID。例如：

var x = document.getElementById("myDIV").id;

这会获取一个id为“myDIV”的元素的ID。

src属性可用于访问或更改图像或媒体元素的源。例如，如果要更改图像元素的源为“myImage.png”，我们可以使用以下代码：

document.getElementById("myImage").src = "myImage.png";

href属性可用于访问或更改链接元素的URL。例如，如果要将一个链接元素的URL更改为Google网站，我们可以使用以下代码：

document.getElementById("myLink").href = "https://www.google.com";

以上仅是HTML DOM属性的几个示例。HTML DOM属性的数量取决于我们要使用的HTML元素及其类型。有关每个HTML元素所支持的属性的完整列表，请参见W3Schools的HTML DOM参考。

在JavaScript中，我们可以通过以下方式使用HTML DOM属性：

document.getElementById("myElement").propertyName;
document.getElementById("myElement").propertyName = new value;

通过这些方法，我们可以访问或更改HTML DOM属性的值，这有助于动态地更新HTML文档中的元素和数据。