如何将innerHTML元素的值传递给全局变量

How to pass the value of an innerHTML element to a global variable?

本文关键字:值传 全局变量 元素 innerHTML      更新时间:2023-09-26

Javascript/HTML5新手,抱歉,如果术语没有意义

如何将全局变量设置为与一个函数中的innerHTML元素具有相同的值(最好是int或double),然后使用全局变量控制另一个函数中的循环?

我试图建立一个循环,计数每秒只要一个innerHTML元素'avgSpeed'是0和60之间。有两个函数,一个是填充元素,另一个是循环。我无法让循环处理我从第一个函数的元素中读取的值。

在第一个函数中,我填充元素'avgSpeed':
document.getElementById("avgSpeed").innerHTML = (responseObj.average_speed!=undefined)?responseObj.average_speed: "Not available";

这很好,如果我在我的HTML文件中打印元素,页面将显示我的avgSpeed(例如:30或40,而不是显示为30.0或40.0)

var miles是我使用的全局变量
miles=document.getElementById("avgSpeed").innerHTML;
miles=parseInt(document.getElementById("avgSpeed").innerHTML);

我只是不能链接'avgSpeed'到一个全局变量被用作循环控制。谢谢你!

是的,你可以将innerHTML的值传递给全局变量…示例代码

<!DOCTYPE html>
<html>
<head>
<script>
function getValue() 
{ 
var x = parseInt(document.getElementById("myHeader").innerHTML);  
x=x+3;  
alert(x);  
}
</script>
</head>
<body>
<h1 id="myHeader" onclick="getValue()">123</h1>
</body>
</html>`

我希望这将帮助你!