未捕获的TypeError：无法读取属性＆＃39; style＆＃39; of null（index）：110 onclick

Question

我的警报框出了问题。我想通过点击它来设计一个用于关闭盒子的十字架：

 <div id="alert">
 <img src="cross.png" onclick="document.getElementById(alert).style.display = 'none'" width="15px" height="15px" style="float: right; margin-top: 3px; cursor:pointer;"/>
 <p style="margin-top: 20px;">alert text</p>
 </div>

当我点击十字架时，会出现错误。我把它粘贴在标题中。

Answer 1

提醒＆＃39;警告＆＃39;在引号中。它是一个字符串

Answer 2

你应该在getElementById里面的'alert'周围加上单引号 - 该方法需要一个字符串。

所以：

<img src="cross.png" onclick="document.getElementById('alert').style.display = 'none'" width="15px" height="15px" style="float: right; margin-top: 3px; cursor:pointer;"/>

你使用单引号，因为你已经用双引号包装它。

Answer 3

 <div id="alert">
 <img src="cross.png" onclick="document.getElementById('alert').style.display = 'none'" width="15px" height="15px" style="float: right; margin-top: 3px; cursor:pointer;"/>
 <p style="margin-top: 20px;">alert text</p>
 </div>