javascript - 使用 JavaScript 访问内部 DIV

Question

如果我有以下 HTML:

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

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

Answer 1

对于现代浏览器 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]. ...
}