Question

我只是想根据事件将我的某个div的显示属性设置为阻止，默认情况下它是＆＃39; none＆＃39; 它没有发生错误：无法设置属性＆＃39;显示＆＃39;未定义的以下是我的代码。请建议。

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>&#10006</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";


}

Answer 1

getElementsByClassName获取nodeList，因此您必须迭代

function closeWindown(){

    var elements = document.getElementsByClassName("popUp");

    for (var i=elements.length; i--;) {
        elements[i].style.display = "block";
    }

}

作为旁注，querySelectorAll('.popup')有更好的支持，但是不存在。

无法更改CSS JavaScript

1 个答案: