javascript - 使用 javascript 访问 HTML 元素而不使用 getElementById

Question

我是 JavaScript 新手。我创建了这个名为 colorme 的 div。我可以通过javascript成功地给它着色。现在假设我想更改 <p>...</p> 的背景，或<span>等我如何通过Javascript到达它？ (没有jquery)。

就像 document.getElementById() 可以在 div 上工作一样，我到达了它。现在我不能继续为所有元素提供唯一的 id。我如何到达内部元素，如 <p>或<span>等等？

<div id="colorme">
  <p>Blah Vblah Blah Content</p>
  <span>Blah Vblah Blah Content</span>
</div>

Answer 1

您可以使用找到的元素作为 getElementsByTagName 的上下文。

var colorme = document.getElementById('colorme'),
    spans = colorme.getElementsByTagName('span');

请注意，spans 是一个 NodeList(类似于数组)，包含 colorme 中的所有 span 元素。如果您想要第一个(实际上，代码示例中的唯一一个)，请使用 spans[0]。