html input range修改,HTML Input Range value用法及代码示例
HTML DOM中的DOM输入范围值属性用于设置或返回滑块控件或输入范围字段的值。该属性指定默认值或用户类型值。
用法:
它返回value属性。rangeObject.value
用于设置value属性。rangeObject.value = number
属性值:它包含一个值,即指定滑块控件值的数字。默认值为50。
返回值:它返回一个字符串值,该值表示代表滑块控件值的数字。
示例1:本示例说明了如何返回值Property。
HTML DOM Input range value Property
#Geek_p {
font-size:30px;
color:green;
}
GeeksForGeeks
DOM Input Range value property
eek_range type="range"
id="Geek_Range"
value="90">
Click Here
function myGeeks() {
var x =
document.getElementById(
"Geek_Range").value;
document.getElementById(
"Geek_p").innerHTML = x;
}
输出:
在单击按钮之前:
单击按钮后:
示例2:本示例说明了如何设置值属性。
HTML DOM Input range value Property
#Geek_p {
font-size:30px;
color:green;
}
GeeksForGeeks
DOM Input Range value property
eek_range type="range"
id="Geek_Range"
value="90">
Click Here
function myGeeks() {
// Set range value.
var x =
document.getElementById(
"Geek_Range").value = 60;
document.getElementById(
"Geek_p").innerHTML =
"The value of the range attribute was changed to "
+ x;
}
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器:DOM输入范围值属性支持的浏览器如下:
谷歌浏览器
IE浏览器
Firefox
Opera
Safari