我只想将我的一个 div 的显示属性设置为基于事件进行阻止,默认情况下为“无” 它不会发生错误:无法设置未定义的属性“显示” 下面是我的代码。请提出建议。
HTML
<!DOCTYPE html>
<html >
<head>
<meta charset="ISO-8859-1">
<title>Sample Mod Pop UP</title>
<link rel="stylesheet" href="css/main.css" />
</head>
<body class="body">
<div class="popUp" id="id1">
<p>Are You Sure You Want to Quit?</p>
<span>✖</span>
</div>
<button onClick=closeWindown() class="btn">Close</button>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
JavaScript
function closeWindown(){
document.getElementsByClassName("popUp").style.display="block";
}
最佳答案
getElementsByClassName
得到一个nodeList,所以要迭代
function closeWindown(){
var elements = document.getElementsByClassName("popUp");
for (var i=elements.length; i--;) {
elements[i].style.display = "block";
}
}
作为旁注,querySelectorAll('.popup')
有更好的支持,但不是实时的。
关于javascript - 无法更改 CSS JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24464984/