用JavaScript访问内部DIV

Access the inner DIV with JavaScript

本文关键字:DIV 内部 访问 JavaScript      更新时间:2023-09-26

如果我有以下HTML:

<tr class="class">
    <td>
       <div>
       </div>
    </td>
</tr>

如何使用JavaScript访问div,知道div上的所有样式都像这样应用:.class td div { ... } ?

对于现代浏览器,querySelector()是可行的:

var html = document.querySelector(".class td div").innerHTML;

对于访问多个元素,您可以使用querySelectorAll():

var elements = document.querySelectorAll(".class td div");
for (var i = 0, len = elements.length; i < len; i++) {
    // elements[i]. ...
}