页面加载后我无法显示 block “登录”。
我已经尝试使用 visibility
或 display
来隐藏或不隐藏“ block ”。
并且已经尝试将脚本部分放到不同的地方:
<!DOCTYPE html>
<HTML>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="../css/common.css">
<style>
.login {
display: none;
}
</style>
<script>
function showlogin() {
document.getElementById("logvid").getElementByClassName("login").style.display = 'block';
}
</script>
<title>City's Video</title>
</head>
<body onload="showlogin">
<div id="logvid">
<div class="login">
<form method="post" action="home.html">
Name: <input type="text" name="name"><br> Password: <input type="password" name="password"><br><br>
<input type="submit" name="Login" value="Login"> <input type="reset" value="reset">
</form>
</div>
</div>
</body>
</HTML>
最佳答案
getElementByClassName 返回具有所有给定类名的所有元素的类似数组的对象。 所以你必须像这样选择 div:
document.getElementsByClassName("login")[0].style.display ='block';
https://developer.mozilla.org/en/docs/Web/API/Document/getElementsByClassName
而且你需要用括号调用函数:
<body onload="showlogin()">
关于javascript - 无法使用 JavaScript 显示 "block",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43167954/