javascript - JS 通过 ID+Class 获取元素

Question

<div id="myId" class="sampleClass">
  Div with id and class
</div>
<div class="sampleClass">
  Div with only class
</div>

我想获得带有 id 和 class 的 div。除了下面还有其他更好的方法吗:

var sample = document.getElementsByClassName("sampleClass");
for(var x = 0; x<sample.length; x++) {
  if(sample[x].id=="myId")
    return sample[x];
}

Answer 1

试试这个:

var sample = document.querySelectorAll("#myId.sampleClass");
console.log(sample[0]);

输出:

<div id="myId" class="sampleClass">

浏览器支持:

http://caniuse.com/#feat=queryselector