javascript - 查询选择器父 id 和子类混合的元素

Question

例子:

<div id="dataTableColToggler">
<a class="toggle-vis col0" data-column="0" >Col 0</a> - 
<a class="toggle-vis col1" data-column="1" >Col 1</a> - 
<a class="toggle-vis col2" data-column="2" >Col 2</a>
</div>

如何使用 querySelector 获取元素 Col 1？

Answer 1

如果你需要 Col 1，你应该使用:

var col2 = document.querySelector("#dataTableColToggler .col1");

但您不应该复制 class 属性。使用下面给出的类:

var col2 = document.querySelector("#dataTableColToggler .col1");
console.log(col2.innerHTML);

<div id="dataTableColToggler">
  <a class="toggle-vis col0" data-column="0">Col 0</a> -
  <a class="toggle-vis col1" data-column="1">Col 1</a> -
  <a class="toggle-vis col2" data-column="2">Col 2</a>
</div>