JavaScriptで、tdセルからクラス名を取得する方法は？

Question

JavaScriptでは、tdセルからクラス名を取得する方法は？

例：

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

クラス「のColumnHeaderは、」私は、CSSからそれを取得し、JavaScriptで幅のサイズを変更することができるか、CSSの内部クラスですか？

Answer 1

は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"; 
    } 
} 

Answer 2

あなたは本当にプログラム的CSSクラスの幅を変更することはできませんが、要素の上にそれを変更することができます。

td.style.width = newWidth; 

要素からクラス名を取得するには、使用：

var className = td.className;