html dom value,HTML DOM value 属性

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.cn

Hello World

单击按钮改变上面标题的样式属性。

点我

function myFunction1(){

var h=document.querySelector("H3");

h.getAttributeNode("style").value="color:green";

}

输出：

Hello World

单击按钮改变上面标题的样式属性。

点我