尝试使用标准JavaScript来定位class和nth-child

Question

我正在尝试使用标准JavaScript重写以下jQuery方法，因为要求第三方插件需要，但到目前为止我还没有找到方法。

var productprice = $(".product-listing:nth-child(2)").html();  

我试过这个，但没有运气

var productprice = document.getElementsByClassName("product-listing")[1].innterText;

Answer 1

我认为你错误地使用了你的解决方案。在＆＃34; innerText＆＃34;中有一个拼写错误。它应该是这样的。

var productprice = document.getElementsByClassName("product-listing")[1].innerText;

Alternate：也可以使用innerHtml而不是innerText。

var productprice = document.getElementsByClassName("product-listing")[1].innerHtml;