Question

我正在尝试构建一个切换开关，在单击时添加或删除空白包裹。

必须包装的div不能具有ID，因此需要通过它的类来识别它。在这种情况下'文本'。在整个页面上，该类只使用一次。

我构建了这个，但它不起作用。我哪里出错？

<script>
function togglew(){    
     if(document.getElementsByClassName("text")[0].style.whiteSpace == 'nowrap'){
      document.getElementsByClassName("text")[0].style.whiteSpace == 'normal';
     }else{
        document.getElementsByClassName("text")[0].style.whiteSpace == 'nowrap';
     }
}
</script>

<a onclick="togglew('');">toggle wrap button</a> 
<br>---<br>
<div style="width:500px;">
    <div class="text" style="overflow:auto;white-space:wrap">ssssssssssd fdfsdfsdf sdf sdf sdf sfd sdf sdf sdf ssdfdddddddddddf sdf sdf sdf sdfsd fsdf sdfsdf sdf sdfsd f</div>
</div>

Answer 1

==是一个比较运算符，其中=是赋值运算符。

在if条件中，你应该比较（==），并在你应该分配的块内（=）;

if(document.getElementsByClassName("text")[0].style.whiteSpace == 'nowrap')
{
    document.getElementsByClassName("text")[0].style.whiteSpace = 'normal';
} else {
    document.getElementsByClassName("text")[0].style.whiteSpace = 'nowrap';
}

为了完整性，还有===比较运算符，其中也检查运算符是否为相同类型（如果操作数为==则执行类型强制是不同类型的）。有关详细信息，请参阅Which equals operator (== vs ===) should be used in JavaScript comparisons?。

Javascript切换按钮到white-space wrap / nowrap

1 个答案: