javascript - 如何链接 getElementById 和 getElementsByClassName

Question

我有一个 ID 为“productPriceContainer”的 div，在这个 div 中有一个类“price”。我想访问类“价格”的 innerHTML，因为我还有其他类称为“价格”。

我可以链接这样的东西吗？

document.getElementById(productPriceContainer).getElementsByClassName(price).innerHTML

如果不是，做我需要的正确方法是什么？

谢谢

Answer 1

如果你在id为productPriceContainer的元素中有一个类为price的元素，你可以这样做

 document.getElementById('productPriceContainer')
     .getElementsByClassName('price')[0].innerHTML

注意 getElementsByClassName 中的 s。它解释了为什么你不能像那样链接。您没有名为 getElementByClassName 的函数，因为与 id 相反，具有给定类的元素没有唯一性。