87,902
社区成员
发帖
与我相关
我的任务
分享页面加载不出来
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
width: 410px;
height: 30px;
border: 5px solid #F00;
padding: 15px 10px;
background-color: #0F0;
margin: auto;
text-align: center;
}
</style>
</head>
<body>
<script>
var div = document.querySelector('div');
var DayArray =['星期天','星期一','星期二','星期三','星期四','星期五','星期六'];
function showTime(){
var now = new Date();
var year = now.getFullYear();
var month = now.getMonth();
var date = now.getDate();
var hour = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
var day = now.getDay();
if(seconds<10){
seconds='0'+seconds;
}
if(minutes<10){
minutes='0'+minutes;
}
var time =year+'年'+month+'月'+date+'日'+' '+hour+'时'+minutes+'分'+seconds+'秒'+' '+DayArray[day];
div.innerHTML='当前系统时间：'+time;
window.setTimeout("showTime()",1000);
}
window.onload=function(){
showTime();
}
</script>
<div></div>
</body>
</html>为什么写了window.onload为什么还报错?
...全文
请发表友善的回复…
发表回复
初心不变时过迁 2021-05-11
- 打赏
- 举报
var div = document.querySelector('div');
这个东西取的是空的
建议使用浏览器的debugger 然后看看document里面都有些啥 看取你要的东西
这个东西取的是空的
建议使用浏览器的debugger 然后看看document里面都有些啥 看取你要的东西
我爱小仙女 2021-05-11
- 打赏
- 举报
你就不能把script放到div标签的后面么
script运行的时候还没有渲染到div,
你虽然在window.onload执行了showTime方法，
但是 var div = document.querySelector('div') 还在外面，是在渲染前执行的，且得到的值为null
你后续运行的时候当然会报错了
script运行的时候还没有渲染到div,
你虽然在window.onload执行了showTime方法，
但是 var div = document.querySelector('div') 还在外面，是在渲染前执行的，且得到的值为null
你后续运行的时候当然会报错了
