gpt4 book ai didi

Javascript - 即使元素存在,getElementById() 也会返回 null

转载 作者:太空宇宙 更新时间:2023-11-03 19:49:12 26 4
gpt4 key购买 nike

我尝试使用 getElementById() 获取元素,但它返回 null。

这是我在 mozilla firefox 调试器上遇到的错误

"TypeError: document.getElementById(...) is null".

代码有什么问题?

<html>
<head>
<title>Stack</title>
<style type="text/css">
.para1{position:absolute;top:10px;left:120px;z-index:0;border:solid;padding:80px;width:300px;background-color:aqua}
.para2{position:absolute;top:50px;left:150px;z-index:0;border:solid;padding:80px;width:300px;background-color:#ff0}
.para3{position:absolute;top:100px;left:180px;z-index:0;border:solid;padding:80px;width:300px;background-color:red}
</style>
</head>
<body>
<p class="para1" id="p1" onmouseover="toTop('p1')">Frame One</p>
<p class="para2" id="p2" onmouseover="toTop('p2')">Frame Three</p>
<p class="para3" id="p3" onmouseover="toTop('p3')">Frame Two</p>
<script type="text/javascript">
var top = 'p3';
function toTop(newTop) {
domTop = document.getElementById(top).style
domNew = document.getElementById(newTop).style
domTop.zIndex = "0"
domNew.zIndex = "10"
top = newTop
}
</script>
</body>
</html>

最佳答案

top 似乎是一个保留变量——它在您的函数中解析为 window.top。尝试将 top 命名为 _top 之类的其他名称,您应该不会收到任何错误。

关于Javascript - 即使元素存在,getElementById() 也会返回 null,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40938929/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com