訪問內部DIV使用JavaScript

Question

如果我有以下HTML：

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

如何訪問使用JavaScript知道所有的DIV的樣式應用於這樣的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]. ... 
}