javascript - 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() {
    //...
  };
}