HTML | DOM 参数值 属性介绍

HTML | DOM（文档对象模型）是用于访问HTML文档中所有元素的编程接口。 在DOM中，每个HTML元素都被表示为对象，可以通过JavaScript来访问和操作。 HTML元素的属性和方法可以在DOM中使用。属性是HTML元素的特征或特性，例如元素的颜色，大小等。下面是HTML | DOM中属性的一些参数值。

属性

innerHTML

innerHTML属性用于获取或设置元素的HTML内容。

语法：element.innerHTML

返回值：字符串类型的元素内容

用法：

var x = document.getElementById("myBtn").innerHTML;  // 获取元素HTML内容
document.getElementById("myBtn").innerHTML = "点击我"; // 设置元素HTML内容

className

className属性用于获取或设置元素的类名。

语法：element.className

返回值：字符串类型的元素类名

用法：

var x = document.getElementById("myBtn").className;  // 获取元素类名
document.getElementById("myBtn").className = "btn-red"; // 设置元素类名

style

style属性用于获取或设置元素的CSS样式。

语法：element.style.property

返回值：字符串类型的元素CSS属性值

用法：

var x = document.getElementById("myBtn").style.backgroundColor;  // 获取元素背景颜色
document.getElementById("myBtn").style.backgroundColor = "red"; // 设置元素背景颜色

value

value属性用于获取或设置输入元素的值。

语法：inputElement.value

返回值：字符串类型的输入元素的值

用法：

var x = document.getElementById("myInput").value;  // 获取输入元素的值
document.getElementById("myInput").value = "请输入内容"; // 设置输入元素的值

src

src属性用于获取或设置图像或视频的URL。

语法：element.src

返回值：字符串类型的图像或视频URL

用法：

var x = document.getElementById("myImage").src;  // 获取图像或视频URL
document.getElementById("myImage").src = "myImage.jpg"; // 设置图像或视频URL

href

href属性用于获取或设置链接的URL。

语法：element.href

返回值：字符串类型的链接URL

用法：

var x = document.getElementById("myLink").href;  // 获取链接URL
document.getElementById("myLink").href = "http://www.google.com"; // 设置链接URL

id

id属性用于获取或设置元素的唯一标识符。

语法：element.id

返回值：字符串类型的元素ID

用法：

var x = document.getElementById("myElement").id;  // 获取元素ID
document.getElementById("myElement").id = "myNewElement"; // 设置元素ID

title

title属性用于获取或设置元素的标题。

语法：element.title

返回值：字符串类型的元素标题

用法：

var x = document.getElementById("myElement").title;  // 获取元素标题
document.getElementById("myElement").title = "My Title"; // 设置元素标题

以上是HTML | DOM中属性的一些参数值介绍。对于个人网站和Web应用程序，HTML | DOM是必不可少的工具，它提供了许多有用的功能，可以通过JavaScript动态地改变HTML和CSS元素。