在JavaScript中為變量分配CSS樣式

Question

我正在編寫一個簡單的JavaScript函數，該函數需要一個td（表格單元格），並為其賦予紅色邊框樣式或將其關閉。 代碼是：

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;

當我在相等性比較中使用它時，此方法可以正常工作，但是當我將其放入“ else”子句中的樣式分配中時，此方法行不通。

我一定在嘗試做一些非常愚蠢的事情。 誰能解釋。

Answer 1

如果您編寫諸如var borderStyle = theCell.style.border;代碼，則Javascript不會創建對該對象的引用var borderStyle = theCell.style.border; 。 在這里，只有border值的副本分配給borderStyle。 theCell的對象在其位置保持不變。 沒有創建引用。