如何使用JS innerHTML的类名和类

的孩子是否有可能做一个 document.getElementBy 类（ “后[1机] .className”）。innerHTML的？如何使用JS innerHTML的类名和类

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

例如：我想获得第二个post => div class =“inside”的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>

来源

2012-02-15 Mike

这就是jQuery的是发明了 – 2012-02-15 19:51:30

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

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

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

来源

2012-02-15 19:54:54

哇，这是伟大的谢谢人。是的，我实际上是在寻找一个非jQuery版本，尽管我现在最终可能会使用jQuery。谢谢你的小提琴！ – Mike 2012-02-15 21:36:39

尝试使用jQuery：

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

的jsfiddle here。

来源

2012-02-15 19:49:17

许多感谢的小提琴！ – Mike 2012-02-15 21:37:00

如何使用JS innerHTML的类名和类

回答

相关问题