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

Question

是否可以执行document.getElementBy 类 （“ post [1] .classname”）。innerHTML？

post [1]是class ='post'的第二个DIV，我想要这个的子.classname。

例如：我想获取第二篇文章的innerHTML => div class =“ inside”。

<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 在这里 。

Answer 2

但是，如果您不想使用jQuery，但只支持更高版本的浏览器就可以了，则可以使用document.querySelector。 http://jsfiddle.net/mendesjuan/4hEwd/

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

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