HTML DOM允许JavaScript获取和更改HTML元素的属性。
getAttribute()方法用于获取元素上指定属性的当前值。
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");测试看看‹/›