菜鸟提醒!你能告诉我为什么我的Javascript代码不会更新消息.浏览器运行HTML但忽略了Javascript代码.我究竟做错了什么?
<!DOCTYPE html>
<html>
<head>
<title>Basic Function </title>
<script type="text/javascript">
var msg = 'Sign up to receive our newsletter for 10% off!';
function updateMessage() {
var el = document.getElementById('message');
el.textContent = msg;
}
updateMessage();
</script>
</head>
<body>
<h1> Travel Worthy </h1>
<div id="message">Welcome to our site! </div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
您在加载正文之前运行Javascript,该message元素尚不存在.将脚本移动到末尾<body>,或将最后一行更改为:
window.onload = updateMessage;
Run Code Online (Sandbox Code Playgroud)
以便在加载HTML后加载该函数.