Javascript 加载dom后,getElementById返回undefined
Javascript 加载dom后,getElementById返回undefined,javascript,html,Javascript,Html,getElementById返回未定义的值。而我在加载Dom后运行它 这是我当前的代码。我还尝试从控制台窗口运行该函数 我尝试在body中使用window.onload调用函数 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> function t
getElementById
返回未定义的值。而我在加载Dom后运行它
这是我当前的代码。我还尝试从控制台窗口运行该函数
我尝试在body中使用window.onload
调用函数
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
function test () {
var element = getElementById("testing");
element.innerHTML+= "<br/>Yeah!";
}
</script>
</head>
<body>
<p id="testing">
I JUST love to test!
</p>
<script>window.onload=test();</script>
</body>
</html>
文件
功能测试(){
var元素=getElementById(“测试”);
element.innerHTML+=“
耶!”;
}
我只是喜欢测试!
window.onload=test();
试试看
您正在调用函数并将
window.onload
设置为函数的结果,
应该是:
<script>window.onload=test;</script>
window.onload=测试;
此外,还应清理代码,例如:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
function test () {
var element = document.getElementById("testing"); //document. NOT just getElementById
element.innerHTML+= "<br/>Yeah!";
}
window.onload = test;
</script>
</head>
<body>
<p id="testing">
I JUST love to test!
</p>
</body>
</html>
文件
功能测试(){
var element=document.getElementById(“测试”);//document
element.innerHTML+=“
耶!”;
}
window.onload=测试;
我只是喜欢测试!
您忘了在那里添加文档getElementById
是文档
的一种方法
var element = document.getElementById("testing");
另外,正如另一个答案所提到的,您同时调用并定义test
函数
应该是这样的:
window.onload = test;
希望这有帮助 它不应该是document.getElementById(…)
?是的,首先忘记了文档。document.getElementById
从不返回未定义的。DOM元素或null
。由于
位于主体的末尾,您无需等待onload
-元素已加载到DOM中。\@其中一个是真的需要的…?需要什么?我不是那个把问题和每一个答案都编辑了三次的人。克里斯所做的只是改进答案,这是值得鼓励的。(另外,如果你不想被停职,你可能不应该在这个网站上侮辱任何人(特别是版主)。我的评论很严厉,但他没有改进任何东西,他编辑了它,因为他不喜欢它,如果你问我,这是虐待。我也会这么做,我相信其他很多人也会这么做。(这是一个毫无意义的离题讨论,所以我现在停止评论)
window.onload = test;