您好,我是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>

09-17 17:35
查看更多