如何按类名和类的子级使用JS innerHTML

How to use JS innerHTML by class name and child of a class

本文关键字：JS innerHTML 何按类      更新时间：2023-09-26

是否可以执行document.getElementByClass（"post[1].classname"）.innerHTML？

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

例如：我想获得第二个post=>div class="inner"的innerHTML。

<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>

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

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

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

尝试使用jQuery:

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

JSFiddle在这里。

相关文章：