如何链接 getElementById 和 getElementByClassName

Question

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

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

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

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

谢谢

Answer 1

如果您price在 id 的元素中有一个 class的元素productPriceContainer，您可以这样做

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

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