2011-11-15 9 views
2

자바 스크립트에서 td 셀에서 클래스 이름을 가져 오는 방법은 무엇입니까?자바 스크립트에서 td 셀에서 클래스 이름을 가져 오는 방법은 무엇입니까?

예 :

<td class="ColumnHeader" style="text-align:right;" > 

클래스 "하면 ColumnHeader"CSS는 내부 클래스가, 내가 어떻게 CSS에서 검색 및 자바 스크립트 폭의 크기를 변경할 수 있을까?

+0

JS로 스타일 시트를 수정하거나 DomNode의'class' 속성을 수정하려고합니까? – fncomp

답변

4

className을 찾고 getElementsByTagName()를 통해 모든 <td> 요소를 선택하고 반복 :

var tds = document.getElementsByTagName("td"); 
for (var i = 0; i<tds.length; i++) { 

    // If it currently has the ColumnHeader class... 
    if (tds[i].className == "ColumnHeader") { 
    // Set a new width 
    tds[i].style.width = new_width; 

    // Or set a different class which defines the width 
    tds[i].className = "someOtherClass"; 
    } 
} 
,
4

당신은 정말 프로그래밍 방식으로 CSS 클래스의 폭을 변경할 수 있지만 요소를 변경할 수 있습니다

td.style.width = newWidth; 

가 요소에서 클래스 이름을 얻으려면, 사용 :

var className = td.className; 
+0

td.style.width = td.style.width +/- newWidth? –

관련 문제