极客观点
项目管理
HarmonyOS
HTML代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Blog</title>
<script type="text/javascript" src="scripts/abc.js"></script>
</head>
<body>
<div id="box">id</div>
</body>
</html>JS代码:
alert(document.getElementById("box").innerHTML);
为什么以上代码执行不了，用火狐浏览器运行时候没有弹出窗口，求解?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Blog</title>
<script type="text/javascript" src="scripts/abc.js"></script>
</head>
<body>
<div id="box">id</div>
</body>
<script>
alert(document.getElementById("box").innerHTML);
</script>
</html>因为你的代码没有写全， 我猜你是把加载顺序写反了
执行时机
window.load 看看这个
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Blog</title>
<script type="text/javascript" src="scripts/abc.js"></script>
</head>
<body>
<div id="box">id</div>
<script>
alert(document.getElementById("box").innerHTML);
</script>
</body>
</html>亲测这样的代码在firefox能够弹出窗口。有可能是你firefox禁止弹出alert框。
转用console.log(document.getElementById("box").innerHTML) f12查看控制台输出。
是的，如上一位兄台所说你的js是在body代码之前src进来的，那时候还没有dom，所以获取不到id=box这个节点。这样就会报错，学js的一定要会的一件事就是打开浏览器控制台查看有没有报错。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Blog</title>
<script type="text/javascript">
function test(){
alert(document.getElementById("box").innerHTML);
};
window.onload=test;
</script>
</head>
<body>
<div id="box">id</div>
</body>
</html>13 回答12.8k 阅读
7 回答1.9k 阅读
3 回答1.1k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
6 回答873 阅读✓ 已解决
6 回答1k 阅读
2 回答1.3k 阅读✓ 已解决
亲，你的js文件应该放到下面去，加载顺序不对