如何通过类名和类的子代使用JS innerHTML

Question

是否可以做一个 document.getElementBy Class （＆＃34; post [1] .classname＆＃34;）。innerHTML？

发布[1]成为第二个DIV，类=＆＃39; post＆＃39;我想要这个孩子.classname。

例如：我想获得第二篇文章的innerHTML =＆gt; div class =＆＃34; inside＆＃34;。

<div class="post">Post 1
<div class="inside"></div>
</div>

<div class="post">Post 2
<div class="inside">//this here</div>
</div>

<div class="post">Post 3
<div class="inside"></div>
</div>

Answer 1

尝试使用jQuery：

alert($('.post:nth-child(2) > div').html());

JSFiddle here。

Answer 2

但是如果您不想使用jQuery，但只支持以后的浏览器，那么可以使用document.querySelector。 http://jsfiddle.net/mendesjuan/4hEwd/

document.querySelector('.post:nth-child(2) .inside').innerHTML

以下是支持它的浏览器列表：http://caniuse.com/queryselector