Question

我应该如何使用Javascript将变量的值推送到输入值？我知道可以使用setAttribute设置其他元素属性，但我无法在“值”中设置任何内容。

这是当前的javascript函数：

function testfunc(){
    document.getElementsByTagName("meter")[0].setAttribute("value", "2000");   
}

HTML：

<!doctype html>
<head>
<meta charset="utf-8">
<title>untitled</title>
</head>
<body>

<div id="container">
    <button onclick="testfunc()">Find my elevations</button>  
    <meter value="900" min="0" max="5280" id="high">500/5280</meter>
</div> 

</body>
</html>

我想要做的是用testfunc（）值2000替换当前设置值900. 2000完全是任意的，因为它将是实时应用程序中动态生成的数字。

Answer 1

HTML 5: 4.10.17 The meter element表明你可以做到

document.getElementById("high").value = /* float value between min and max */

该规范的相关部分是

如果适用，必须遵守以下不平等：


最小≤值≤最大

最小≤低≤最大值（如果指定低）

最小≤高≤最大值（如果指定为高）

最小≤最佳≤最大值（如果指定了最佳值）

低≤高（如果指定了低和高）


...

获取时的value IDL属性必须返回实际值。在设置时，必须将给定值转换为数字的最佳表示形式作为浮点数，然后必须将value内容属性设置为该字符串。

HTML5米值可以接受setAttribute吗？

1 个答案: