码农教程 - 一技在手,衣食无忧! tools

目录

HTML DOM 元素 setAttribute()

❮上一节 ❮ 元素对象参考 下一节❯

示例

向元素添加类属性：

element.setAttribute("class", "democlass");

前：

The Element Object

后：

The Element Object

亲自试一试 »

下面有更多示例。

描述

这个setAttribute()方法为属性设置新值。

如果该属性不存在，则首先创建它。

也可以看看：

getAttribute() 方法

removeAttribute() 方法

hasAttribute() 方法

hasAttributes() 方法

getAttributeNode() 方法

setAttributeNode() 方法

移除属性节点()方法

教程：

HTML 属性

语法

element.setAttribute( name, value)

参数

Parameter Description
name Required.
The name of the attribute.
value Required.
The new attribute value.

返回值

没有任何

笔记

可以向元素添加带有值的样式属性，但不建议这样做，因为它可能会覆盖样式属性中的其他属性。

使用样式对象的属性反而：

不：

element.setAttribute("style", "background-color:red;");

是的：

element.style.backgroundColor = "red";

更多示例

将输入字段更改为输入按钮：

myInput.setAttribute("type", "button");

前：

后：

亲自试一试 »

向 <a> 元素添加 href 属性：

myAnchor.setAttribute("href", "https://www.91xjr.com");

前：

Go to 91xjr.com

后：

Go to 91xjr.com
亲自试一试 »

将目标属性的值更改为"_self"：

if (element.hasAttribute("target")) {      
  element.setAttribute("target", "_self");
}
亲自试一试 »

浏览器支持

element.setAttribute()是 DOM Level 1 (1998) 功能。

所有浏览器都完全支持它：

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 9-11
❮上一节 ❮ 元素对象参考 下一节❯