如何在javascript中选择元素？

Question

dom如下：

<li class="category51">
<a class="drop" href="#">Data</a>
<div class="dropdown_2column align_left ">
<div class="col_1">
<ul>
<li class="level1">
<a href="#">
<span class="level1">Solutions1</span>
</a>
</li>
<li class="level1">
<a href="#">
<span class="level1">Solutions</span>
</a>
</li>
</ul>
</div>
</div>
</li>

我想让Solutions1 and Solutions成为一个标签。我该怎么办？我使用：

var link = document.getElementsByClassName("category51").document.getElementsByTagName(ul).document.getElementsByTagName(li).document.getElementsByTagName(a).

我想要实现的目标：

我想通过javascript禁用链接。所以我必须将一个事件绑定到一个标签，现在，我不知道如何找到它。

Answer 1

您可以使用Document.querySelecorAll。

var eles = document.querySelectorAll('li.level1 a'),
    i;

for (i = 0; i < eles.length, i++) {
  eles[i].onclick = function() {
    //...
  };
}