JavaScript基础教程

JavaScript 对象

JavaScript 函数

JS HTML DOM

JS 浏览器BOM

AJAX 基础教程

JavaScript 参考手册

JS DOM 改变元素属性

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

获取元素的属性值

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

以下示例获取锚元素的hreftitle属性的值:

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", "https://www.nhooo.com/css3/");
测试看看‹/›

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

document.getElementsByTagName("input")[0].setAttribute("type", "text");
测试看看‹/›

从元素中删除属性

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

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

document.getElementsByTagName("a")[0].removeAttribute("href");
测试看看‹/›