Javascriptボタンを空白のラップ/ nowrapに切り替える

Question

クリックすると空白のラップを追加または削除するトグルスイッチを作成しようとしています。

ラップしなければならないdivはIDと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?をご覧ください。