我的问题是隐藏功能运行完美,但出现功能运行不正常。 我有 2 个面板:一个用于注册,一个用于注册,我希望如果用户单击注册按钮,则登录面板消失,注册面板出现在同一个地方,就像登录一样。
我有以下代码:
HTML:
function Hide() {
var x = document.getElementById("bejelentkezes");
if (x.display.style === "block") {
x.display.style = "none";
}
}
function Appear() {
var y = document.getElementById("regisztracio");
if (y.display.style === "none") {
y.display.style = "block";
}
}
<div id="bejelentkezes">
<div class="card">
<h5 class="card-header">Bejelentkezés</h5>
<div class="card-body">
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email cím</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Jelszó</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Jelszó">
</div>
<button type="submit" class="btn btn-dark">Bejelentkezés</button>
<br>
<a href="#" class="btn reg" onclick="Hide();Appear();">Regisztráció</a>
</form>
</div>
</div>
</div>
<div id="regisztracio" style="display:none;">
<div class="card">
<h5 class="card-header">Regisztráció</h5>
<div class="card-body">
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email cím</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Jelszó</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Jelszó">
</div>
<button type="submit" class="btn btn-dark">Bejelentkezés</button>
<br>
<a href="#" class="btn reg" onclick="Hide()">Regisztráció</a>
</form>
</div>
</div>
</div>
最佳答案
语法是
element.style.display=value
不是
element.display.style=value
function Hide() {
var x = document.getElementById("bejelentkezes");
if (x.style.display === "block") {
x.style.display = "none";
}
}
function Appear() {
var y = document.getElementById("regisztracio");
if (y.style.display === "none") {
y.style.display = "block";
}
}
<div id="bejelentkezes">
<div class="card">
<h5 class="card-header">Bejelentkezés</h5>
<div class="card-body">
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email cím</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Jelszó</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Jelszó">
</div>
<button type="submit" class="btn btn-dark">Bejelentkezés</button>
<br>
<a href="#" class="btn reg" onclick="Hide();Appear();">Regisztráció</a>
</form>
</div>
</div>
</div>
<div id="regisztracio" style="display:none;">
<div class="card">
<h5 class="card-header">Regisztráció</h5>
<div class="card-body">
<form>
<div class="form-group">
<label for="exampleInputEmail1">Email cím</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Jelszó</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Jelszó">
</div>
<button type="submit" class="btn btn-dark">Bejelentkezés</button>
<br>
<a href="#" class="btn reg" onclick="Hide()">Regisztráció</a>
</form>
</div>
</div>
</div>
关于Javascript Appear() 函数不运行,而 Hide() 运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56074894/