JavaScript 选择器

Question

如何在javascript中选择DOM元素？
例如:

<div class="des">
    <h1>Test</h1>
        <div class="desleft">
          <p>Lorem Ipsum.</p>
        </div>
        <div class="Right">
           <button>Test</button>
        </div>
</div>

现在我该如何选择 h1 ？这只是更大页面的一部分，因此不能使用 getElementsByTagName() ，因为其他人可能会被选中。另外，因为可能还有其他 h1稍后在文档中，我无法将索引(正文)附加到上面。

有没有简单的方法来选择，比如说<h1> desleft 类名下的标签？我不能使用 jQuery 或任何其他库。

Answer 1

您可以使用它来访问您的 H1:

var des = document.getElementsByClassName('des')
var fc = des[0].getElementsByTagName('h1')
alert(fc[0].innerHTML)