Изменение класса TR не похоже на работу

Я пытаюсь изменить TR Classname с JavaScript, почему это, кажется, не работает (примечание: должны работать также для IE8)Изменение класса TR не похоже на работу

<html> 
<head> 
    <style> 
    tr.test {background-color:#000000;margin:0;border:0;padding:0;} 
    </style> 
    <script> 
    _table = document.getElementsByTagName("table")[0]; 
    _tbody = _table.getElementsByTagName("tbody")[0]; 
    _tr = _tbody.getElementsByTagName("tr")[0]; 
    _tr.className="test"; 
    </script> 
</head> 
<table> 
    <tbody> 
    <tr> 
    <td></td> 
    </tr>  
    </tbody> 

</table> 
</html>

источник

2016-03-05 user310291

место это 'script' перед тем closing'' тег, или в какой-то 'события load' окна, и он будет работать –

это совсем немного больше кода, чем вам нужно. После того, как вы получите таблицу, вы можете легко получить ее потомков: '_table.tBodies [0] .rows [0] .className =" test ";' –

Или использовать: 'document.querySelector (" table> tbody> tr ") .className = "тест"; ' –

Поместите свой код после table тега

<html> 
<head> 
    <style> 
    tr.test {background-color:#000000;margin:0;border:0;padding:0;} 
    </style> 
</head> 
<body> 
<table> 
    <tbody> 
    <tr> 
    <td></td> 
    </tr>  
    </tbody> 

</table> 
<script> 
    _table = document.getElementsByTagName("table")[0]; 
    _tbody = _table.getElementsByTagName("tbody")[0]; 
    _tr = _tbody.getElementsByTagName("tr")[0]; 
    _tr.className="test"; 
</script> 
</body> 
</html>

источник

2016-03-05 22:08:59

Изменение класса TR не похоже на работу

ответ

Смежные вопросы