<分区>
标签 javascript html css dom
<分区>
如果这是一个简单的问题,我很抱歉,但我在使用一些 javascript 时遇到了困难。
function login() {
var lgin = document.getElementById("logIn");
lgin.style.display = "block";
lgin.style.position = "fixed";
lgin.style.width = "100%";
lgin.style.height = "100%";
lgin.style.paddingTop = "15px";
}
var lgButton = document.getElementById("openRooms");
lgButton.addEventListener("click", login, false);
<p><a href="#" id="openRooms">Log In</a></p>
<section id="logIn">
<div class="form-style-6">
<h3>Log In</h3>
<form>
<input type="text" name="field1" placeholder="Name" />
<input type="email" name="field2" placeholder="Email Address" />
<input type="password" name="field3" placeholder="Password" />
<input type="submit" value="Submit" />
</form>
</div>
</section>
我的问题是我编写的 javascript 不起作用。
我想知道你们中是否有人可以帮助我解决这个问题。
最佳答案
CSS:
#logIn.selected {
display:block;
position:fixed;
width: 100%;
height: 100%;
paddingTop: 15%;
}
JS:
document.addEventListener("DOMContentLoaded", function(event) {
function login() {
document.getElementById("logIn").setAttribute("class", "selected");
}
var lgButton = document.getElementById("openRooms");
lgButton.addEventListener("click", login, false);
});
关于javascript - 对 DOM 事件监听器感到困惑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34579759/