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

假设我有一个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>

如果（是否有效==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>

它是有效的。。。还有一大块其他代码
无效…还有一大块其他代码
document.getElementById（'Valid'）.style.display=（是否有效==1？'block'：'none'）；
document.getElementById（'Invalid'）.style.display=（是否有效==1？'none'：'block'）；

将代码放入可以显示或隐藏的元素中。例如：

<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>

它是有效的。。。还有一大块其他代码
无效…还有一大块其他代码
document.getElementById（'Valid'）.style.display=（是否有效==1？'block'：'none'）；
document.getElementById（'Invalid'）.style.display=（是否有效==1？'none'：'block'）；

假设您有：

<div id="isvalid">It's valid!</div>
<div id="isnotvalid">NOT valid!</div>
... blah blah ...

或者，如果使用jQuery：

$("#isvalid").toggle(isvalid);
$("#isnotvalid").toggle(!isvalid);

假设你有：

<div id="isvalid">It's valid!</div>
<div id="isnotvalid">NOT valid!</div>
... blah blah ...

或者，如果使用jQuery：

$("#isvalid").toggle(isvalid);
$("#isnotvalid").toggle(!isvalid);

---

假设页面上已经有了内容，只想切换可见性，可以执行以下操作

HTML

<div id="valid_section">....</div>
<div id="invalid_section">....</div>

---

假设页面上已经有了内容，只想切换可见性，可以执行以下操作

HTML

<div id="valid_section">....</div>
<div id="invalid_section">....</div>

---

通常情况下，您这样做的方式是将两个选项都放在页面中，然后显示一个选项并隐藏另一个选项。从服务器端的角度来看，您希望在内容周围放置标记，这在您输出一次且不再更改时有效，但在客户端的角度来看，情况可能随时更改，但效果不太好。通常，您这样做的方式是将两个选项都放在页面中，然后显示一个，隐藏另一个。您正从服务器端的角度来处理这一问题，并希望在内容周围放置标记，这在您输出一次且不再更改时有效，但在客户端的角度下效果不太好，因为在客户端，事情随时都可能更改。