getAttribute() 和setAttribute() 方法

getAttribute() 方法. 实例

获得链接的 target 属性：

document.getElementsByTagName("a")[0].getAttribute("target");

结果：

_blank

亲自试一试

定义和用法

getAttribute() 方法返回指定属性名的属性值。

提示：如果您希望以 Attr 对象返回属性，请使用 getAttributeNode。

语法

element.getAttribute(attributename)

参数

参数	类型	描述
attributename	字符串值。	必需。需要获得属性值的属性名称。

返回值

类型	描述
String	指定属性的值。

HTML DOM setAttribute() 方法. 实例

设置 input 元素的 type 属性：

document.getElementsByTagName("INPUT")[0].setAttribute("type","button");

亲自试一试

定义和用法

setAttribute() 方法添加指定的属性，并为其赋指定的值。

如果这个指定的属性已存在，则仅设置/更改值。

语法

element.setAttribute(attributename,attributevalue)

参数

参数	类型	描述
attributename	String	必需。您希望添加的属性的名称。
attributevalue	String	必需。您希望添加的属性值。

返回值

无返回值。

注释：Internet Explorer 8 以及更早的版本不支持此方法。

例子：

http://www.w3school.com.cn/tiy/t.asp?f=jsref_element_setattribute

<!DOCTYPE html>
<html>
<body>
<input value="OK">
<p id="demo">点击按钮来设置按钮的 type 属性。</p>
<button onclick="myFunction()">试一下</button>
<script>
function myFunction()
{
document.getElementsByTagName("INPUT")[0].setAttribute("type","button"); 
}
</script>
<p>Internet Explorer 8 以及更早的版本不支持此方法。</p>
</body>
</html>

posted on 2017-03-02 10:35 liuruyi007 阅读(295) 评论(0) 收藏举报