HTML DOM value 属性 | HTML DOM 属性对象

返回到:DOM 对象:HTML DOM 属性对象

定义和用法

value 属性用于设置或者返回属性的值。

浏览器兼容性:

所有主要浏览器都支持 value 属性。

语法

设置属性值:attribute.value=value

返回属性值:attribute.value

技术细节

返回值:字符串, 代表属性的值。
DOM 版本Core Level 1

实例

返回属性值:

document.getElementsByTagName("button")[0].attributes[0].value;

//输出
myfunction()

再来一例:设置头部元素的 style 属性。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(web176.com)</title>
</head>
<body>

<h1 style="color:red;">Hello World</h1>
<p id="demo">单击按钮改变上面标题的样式属性。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var h=document.getElementsByTagName("H1")[0];
	h.getAttributeNode("style").value="color:green";
}
</script>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/4287.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年11月24日 上午11:46
下一篇 2021年11月24日 下午2:02

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注