时间戳

首页 > 解决方案 > 查询选择器一个带有父id和子类混合的元素

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

问题描述

例子：

<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？

标签： javascripthtmlcsscss-selectors

解决方案

如果你需要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>

推荐阅读