您好,我是HTML和JS的新手,因此想寻求帮助。
在这里,我想根据if语句为true或false显示两个不同的HTML元素。但是,它不起作用。
我可以帮忙吗? (:
<!DOCTYPE html>
<html>
<body>
<script>
if (!user) {
<h1> there is no user </h1>
} </script>
if (user) {
<button type="button">Click Me!</button>
} </script>
</body>
</html>
最佳答案
使用jQuery
您将执行以下操作
html
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
</body>
</html>
JS
if(!user){
$('body').append('<h1>There is no user</h1>')
} else if(user) {
$('body').append('<button>Login</button>')
}
See js fiddle here。
另外,请注意,如果要使用jquery,请在头中包含脚本
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>