2013-05-20 4 views
5

私は、次のHTMLを使用している場合:アクセスJavaScriptを使用して内側のDIV

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

どのように私はJavaScriptをdivの上のすべてのスタイルは次のように適用されていることを知っているとdiv要素にアクセスすることができます.class td div { ... }を?最近のブラウザquerySelector()については

答えて

7

移動するための方法である:あなたがquerySelectorAll()を使用することができ、複数の要素にアクセスするために

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

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

これは、それを解決しているようです。あなたの助けをありがとう(編集+回答) – Tbi45

+2

@ Tbi45しかし、記述されたアプローチはIE <8で動作しないことに注意してください。次に、['document.getElementById()'](https://developer.mozilla.org/en-US/docs/Web/API/Document.getElementById)や['element.getElementsByTagName()'](https ://developer.mozilla.org/en-US/docs/Web/API/Element.getElementsByTagName)を適用する必要があります。 – VisioN