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; 

이 확인을 작동하지만,하지 않을 때 나는 이것을 'else'절의 스타일 지정에 넣었습니다.

나는 아주 어리석은 짓을 시도해야합니다. 아무도 설명 할 수 있겠는가.

Answer 1

var borderStyle = theCell.style.border;과 같은 코드를 작성하면 Javascript가 개체에 대한 참조를 생성하지 않습니다. borderStyle에는 border의 값만 복사됩니다. theCell 인 물체는 그 자리에 무사 히 남아있었습니다. 참조가 작성되지 않았습니다.