Question

<div class="main_box">
  <div class="div_r">
    <div class="div_l">Hello</div>
  </div>
</div>
<script>
alert(document.getElementsByClassName('main_box').childNodes[1].innerHTML);
</script>

我希望通过引用“main_box”类来获取“div_l”类的内部内容。我已经尝试了上面的代码，但它没有用。

Answer 1

像这样：

 document.getElementsByClassName('main_box')[0].childNodes[1].childNodes[1].innerHTML

Answer 2

alert(document.getElementsByClassName('main_box')[0].childNodes[1].innerHTML
                                                 ^^^--

你需要告诉WHICH节点获取子节点，因为gEBCN（）返回一个节点 LIST ，而不仅仅是一个节点。

Answer 3

使用jQuery怎么样？

示例：

var value = $('.main_box .div_r .div_l').html();

Answer 4

在jQuery中：

$('.main_box .div_l').text()

Answer 5

有不同的变体可以实现这一目标。如前所述，你可以使用getElementsByClassName，只有你错过的是这个函数返回一个数组。

 document.getElementsByClassName('main_box')....

较新的语法（ie＆lt; 9不支持）是：

a）如果您期望多个元素：

 document.querySelectorAll('.main_box .div_r .div_l')[0].innerHTML

b）万一你希望最多只有一个：

 document.querySelector('.main_box .div_r .div_l').innerHTML

如何使用javascript访问Div标签的内部文本？

5 个答案: