javascript - 获取 div 的第一个子元素

Question

我正在尝试获取 span 元素的文本。我尝试了使用 querySelectorAll 和 getElementByClassName 的两种方法，但都给出了错误“Uncaught TypeError: Object # has no method 'getElementsByTagName'”，我该如何获取文本跨度元素？

javascript

var interstitial; 

// 1st attempt
interstitial = document.querySelectorAll('div.top_bg').getElementsByTagName("span");
// 2nd attempt
interstitial = document.getElementByClassName('top_bg')[0].getElementsByTagName("span");

if (interstitial) {
  console.log(interstitial[0].firstChild.innerHTML);
}

html

<div class="top_bg">
  <span style="font-size:14px;line-height:30px">The text I am trying to get.</span>
</div>

Answer 1

在查询中包含范围

interstitial = document.querySelectorAll('div.top_bg span');

document.querySelectorAll('div.top_bg') 返回一个集合，因此您必须选择一个节点，然后应用 getElementsByTagName

而且它的 getElementsByClassName 不是 getElementByClassName 注意 Elements

http://jsfiddle.net/dRvDt/1/