html的buttton跳转,HTML Button value用法及代码示例

DOM Button值属性用于设置或返回按钮元素的value属性的值。 HTML中元素的value属性用于指定button元素的初始值。

用法:

它用于返回value属性。buttonObject.value

用于设置value属性。buttonObject.value = text

属性值：

text:它指定Button的初始值。

返回值：它返回一个代表按钮初始值的字符串值。

示例1：该Html程序说明了如何返回值Property。

DOM button value Property

GeeksforGeeks

DOM button value Property

value="GeeksforGeeks"

οnclick="geek()">

Click me!

style="font-size:25px;color:green;">

function geek() {

var x =

document.getElementById("btn").value;

document.getElementById("g").innerHTML =

x;

}

输出：

在单击按钮之前：

单击按钮后：

示例2：该HTML程序说明了如何设置值Property。

DOM button value Property

GeeksforGeeks

DOM button value Property

value="User"

οnclick="geek()">

Click me!

style="font-size:25px;

color:green;">

function geek() {

var x =

document.getElementById("btn").value =

"GeeksForGeeks"

document.getElementById("g").innerHTML =

"The value has been changed from user to " +

x;

}

输出：

在点击Buttton之前：

单击按钮后：

支持的浏览器：下面列出了DOM Button value属性支持的浏览器：

谷歌浏览器

IE浏览器

Firefox

Opera

Safari