Javascript 如何一次全局获取HTML元素并多次使用它？
我不想调用Javascript 如何一次全局获取HTML元素并多次使用它？,javascript,Javascript,我不想调用 var element = document.getElementById('ph'); 为了提高效率，每次调用updatelock时。因此，我尝试将它放在全局范围内，而不是放在updatelock中。但是，它不起作用 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>This is a title</tit
var element = document.getElementById('ph');
updatelockupdatelock<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>This is a title</title>
<script>
var element = document.getElementById('ph');
function UpdateClock() {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
if (hours < 10)
hours = "0" + hours;
if (minutes < 10)
minutes = "0" + minutes;
if (seconds < 10)
seconds = "0" + seconds;
element.innerHTML = hours + ":" + minutes + ":" + seconds;
}
</script>
</head>
<body onload="setInterval('UpdateClock()', 1000)">
<h1 id="ph"></h1>
</body>
</html>
这是一个标题
var元素=document.getElementById（'ph'）；
函数updatelock（）{
var now=新日期（）；
var hours=now.getHours（）；
var minutes=now.getMinutes（）；
var seconds=now.getSeconds（）；
如果（小时<10）
小时数=“0”+小时数；
如果（分钟<10）
分钟=“0”+分钟；
如果（秒<10）
秒=“0”+秒；
element.innerHTML=小时+“：”+分钟+“：”+秒；
}
怎么了？这里有什么我遗漏的吗？编辑：我最初误解了这个问题 将脚本标记放在正文的底部
<script>
....js here
</script>
</body>
…这里是js
<script>
....js here
</script>
</body>
…这里是js
<h1 id="ph"></h1>
<script>
var element = document.getElementById('ph');
</script>
var元素=document.getElementById（'ph'）；
<script>
var element;
addEventListener('load', function () {
element = document.getElementById('ph');
});
</script>
var元素；
addEventListener（'load'，函数（）{
元素=document.getElementById（'ph'）；
});
<h1 id="ph"></h1>
<script>
var element = document.getElementById('ph');
</script>
var元素=document.getElementById（'ph'）；
<script>
var element;
addEventListener('load', function () {
element = document.getElementById('ph');
});
</script>
var元素；
addEventListener（'load'，函数（）{
元素=document.getElementById（'ph'）；
});
javascriptjavascriptvarvar