我不能用.innerHTML改变超文本标记语言。不断收到消息“无法设置null的innerHTML属性”
提问于 2018-01-02 06:18:02
我的javascript获取日期和时间并将其放在div中，如下所示：
function print(message){
var div1= document.getElementById("date-and-time");
div1.innerHTML= message ;
}
function addZero(i) {
if (i < 10) {i = "0" + i;}
return i;
}
function todaysDate (){
var today= new Date();
var day= today.getDay();
var daylist=["Sunday","Monday","Tuesday","Wednesday",
"Thursday","Friday","Saturday"];
var whatDayTime = "<p> Today is " + daylist[day] + ". </p>";
var hour= addZero(today.getHours());
var minute= addZero(today.getMinutes());
var second= addZero(today.getSeconds());
whatDayTime += "<p> The time is " + hour + ":" + minute+ ":" + second + ".
</p>";
return whatDayTime;
}
print(todaysDate());HTML看起来像这样：
<!DOCTYPE html>
<html>
<head>
<title>Practice JavaScript</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="date-and-time">
</div>
<script src="practice.js"></script>
</body>
我一直收到错误信息“cannot set property of innerHTML to null”。帮助?非常感谢。我是个初学者。
回答 4
Stack Overflow用户
发布于 2018-01-02 06:20:35
date-and-time是类名而不是id。您应该将id添加到元素中，如下所示，
<body>
<div class="date-and-time" id="date-and-time">
</div>或者改变你的函数，使用getElementsByClassName方法，Look at this article.
function print(message){
var div1= document.getElementsByClassName("date-and-time");
div1[0].innerHTML= message ;
}Stack Overflow用户
发布于 2018-01-02 06:21:04
在查找具有id的元素时，该元素必须存在。您使用了class而不是id。
False：
<div class="date-and-time"> </div> 右图：
<div id="date-and-time"> </div> Stack Overflow用户
发布于 2018-01-02 06:21:32
您需要使用querySelector通过类而不是id来选择元素
替换
var div1= document.getElementById("date-and-time");通过
var div1= document.querySelector(".date-and-time");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48056383
复制相关文章
点击加载更多
腾讯云开发者
