Besuchen Sie das innere DIV mit JavaScript

Question

Wenn ich die folgenden HTML habe:

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

Wie kann ich das Div mit JavaScript zu wissen, dass alle Stile auf dem div wie folgt angewandt werden: .class td div { ... }?

Answer 1

Für moderne Browser querySelector() ist der Weg zu gehen:

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

Für mehrere Elemente Zugriff Sie querySelectorAll() verwenden können:

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