JavaScriptの変数にCSSスタイルを割り当てる

Question

私はtd（表のセル）を取り、赤い枠線スタイルを指定するか、またはこれをオフにする簡単なJavaScript関数を作成しています。コードは：

function doStuff(theCell) 
{ 
    var highlight = "2px solid rgb(255, 0, 0)"; 
    if(borderStyle==highlight) 
    { 
     theCell.style.border=""; 
    } 
    else 
    { 
     theCell.style.border=highlight; 
    } 
} 

これは問題ありません。しかし、私は（ちょうど最初の下に宣言した）変数によってCSSの境界線スタイルを交換しようとしたコードをきれいにしようとします

var borderStyle = theCell.style.border; 

これは私が等価比較でそれを使用するときに[OK]を動作しますが、いないとき私はそれを 'else'節のスタイル指定に入れました。

私は非常に愚かなことをしようとしているに違いありません。誰でも説明できますか？

Answer 1

var borderStyle = theCell.style.border;などのコードを記述すると、JavaScriptはオブジェクトへの参照を作成しません。 borderStyleにはborderの値のみのコピーが割り当てられています。 theCellのオブジェクトは、その場所で無傷のままです。参照は作成されません。