JS DOM 改变元素属性

HTML DOM允许JavaScript获取和更改HTML元素的属性。

获取元素的属性值

getAttribute()方法用于获取元素上指定属性的当前值。

以下示例获取锚元素的href和title属性的值：

示例

var link = document.getElementById("demo");
var href = link.getAttribute("href");
var title = link.getAttribute("title");

setAttribute()方法用于设置指定元素上的属性的值。

如果属性已经存在，则更新值；否则，将添加具有指定名称和值的新属性。

本示例将href属性的值设置为锚元素：

示例

var x = document.getElementsByTagName("a")[0];
x.setAttribute("href", "/css3/");

同样，您可以使用setAttribute()方法来更新或更改HTML元素上现有属性的值。

示例

document.getElementsByTagName("input")[0].setAttribute("type", "text");

removeAttribute()方法用于从指定元素中删除属性。

本示例从锚元素中移除href属性：

示例

document.getElementsByTagName("a")[0].removeAttribute("href");