javascript - 如何根据 javascript 变量显示网站的特定部分？

Question

假设我有一个 javascript 变量“is_valid”

如果变量为 1，我想显示:

<div>It's valid!</div> ...and a big chunk of other code

否则...

<div>NOT valid</div>...and a big chunk of other code

我不想使用 INNERHTML。我想这样做:

<script type="text/javascript">
    if(is_valid == 1){
</script>
    It's valid!
<script type="text/javascript">
    }else{
</script>
    It's not valid
<script type="text/javascript">
    }
</script>

Answer 1

将代码放在可以显示或隐藏的元素中。示例:

<div id="Valid">
  <div>It's valid!</div> ...and a big chunk of other code
</div>
<div id="Invalid">
   <div>NOT valid</div>...and a big chunk of other code
</div>

<script type="text/javascript">
document.getElementById('Valid').style.display = (is_valid == 1 ? 'block' : 'none');
document.getElementById('Invalid').style.display = (is_valid == 1 ? 'none' : 'block');
</script>