HTML DOM value 属性
定义和用法
value 属性用于设置或者返回属性的值。
浏览器支持
所有主要浏览器都支持 value 属性。
语法
设置属性值:attribute.value=value
返回属性值:attribute.value
技术细节
返回值:字符串, 代表属性的值。
DOM 版本:Core Level 1
实例
例1:返回属性值:html>
xinbiancheng.cn单击按钮获取按钮的第一属性的值。
点我
function myFunction(){
var btn=document.querySelector("button");
var x=document.querySelector("#demo");
x.innerHTML=btn.attributes[0].value;
}
注意: In Internet Explorer 8 及更早的版本,attributes 属性将返回所有元素属性的集合,并且在这个例子手,显示“onclick”属性的值。
输出:
单击按钮获取按钮的第一属性的值。点我
注意: In Internet Explorer 8 及更早的版本,attributes 属性将返回所有元素属性的集合,并且在这个例子手,显示“onclick”属性的值。
例2:设置H3元素的 style 属性:html>
xinbiancheng.cnHello World
单击按钮改变上面标题的样式属性。
点我
function myFunction1(){
var h=document.querySelector("H3");
h.getAttributeNode("style").value="color:green";
}
输出:
Hello World
单击按钮改变上面标题的样式属性。
点我