如何在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或任何其他库.

解决方法:

getElementsByTag()

将是一个可以开始的函数,然后您可以筛选具有该类的DOMElements.

var h1_array = document.getElementsByTag('h1');

var h1_class_array = [];
for (var i=0, len=h1_array.length; i < len; i++) {
    if (h1_array[i].className.indexOf('classname') !== -1) {
        h1_class_array.push(h1_array[i]);
    }
}

如果在大海捞针中找不到针,则.indexOf函数返回-1.

现在重新阅读你的问题,为什么不给你的h1的id？

DOM遍历是javascript的明显问题之一(输入jQuery).

一个简单的getElementById()可以让你头疼,最后你所有h1的id会比试图通过其他方法制定算法来选择它们更干净.