Javascript 在 li 标签中获取 h2 标签并返回它

Question

我想在 li 标签内使用 javascript 获取 h2 标签，而不是 jquery。目前这是 html:

<li vriend="Alvin Heijmans" select="">
     <img class="portret" src="img/alvin.png" />
     <div class="addbutton"></div>
     <h2>Alvin Heijmans</h2>
     <p>Utrecht</p>
</li>

现在我想使用以下 javascript 选择 li 中的 h2 标签:

var elms = document.getElementsByTagName('li');
var names = elms.getElementsByTagName('h2');

控制台出现以下错误:

TypeError: elms.getElementsByTagName is not a function
var names = elms.getElementsByTagName('h2');

那么如何解决呢？

Answer 1

我相信 getElementsByTagName 会返回一个数组。所以对于第二个电话你需要写:

var names = elms[0].getElementsByTagName('h2');

访问第一个找到的li