У меня такой Html, и я хочу получить первый класс <td>
, как я могу это сделать?
<div class="className">My Class</div>
<table>
<tbody>
<tr>
<td>Value 1</td>
<td>Value 1</td>
</tr>
</tbody>
</table>
</div>
Прежде всего, я получаю класс
var Myclass = document.getElementsByClassName('className')[0];
Бу тогда я не могу понять, как мне перейти на значение td.
Если вы хотите придерживаться чистого ванильного js, самым простым ответом будет, вероятно, следующее:
document.querySelector('.className td').innerHTML;
Это предполагает, что ваш HTML структурирован, как показано ниже. Это неясно, так как у вас есть два закрывающих тега div:
<div class="className">My Class
<table>
<tbody>
<tr>
<td>Value 1</td>
<td>Value 1</td>
</tr>
</tbody>
</table>
</div>
var c = window.document.querySelectorAll("className")[4].innerHTML;
но и тд
var td = window.document.querySelectorAll('td')[0].innerHTML
?
document.querySelector(".className + table td")
?wdocument
div. Пожалуйста, исправьте свой пример.