javascript - 如何让 getElementsByClassName 定位所有标记元素 - 有更好的选择吗？

Question

抱歉，我想这个问题的答案已经发布了，但我已经看过了，而且很难应用它。

我正在使用 RobG ( https://stackoverflow.com/a/15488590/1490943 ) 发布的 FitText 非库替代方案。这很棒，但我想将其应用于多个元素，而不仅仅是一个。我正在拼凑如何替换 getElementById...

window.onload = function() {
  function doResize() {resize(document.getElementById('d0'), 5);}
  window.onresize = doResize;
  doResize();
}

( http://jsfiddle.net/cgwM4/ )

...使用 getElementsByClassName...

window.onload = function() {
  function doResize() {resize(document.getElementsByClassName('d0')[0], 5);}
  window.onresize = doResize;
  doResize();
}

( http://jsfiddle.net/cgwM4/2/ )

...但我不知道如何定位标记有该类的所有元素，而不仅仅是特定的元素。我想知道是否有一种替代方案可以在早期的 MSIE 中工作 - 一种在不使用 ClassName 的情况下获取该类的所有内容的方法。

我真的很抱歉我对此一无所知。这很明显，但我不知道从哪里开始......谢谢您的浏览。

Answer 1

您所要做的就是循环它们:

function doResize() {
    var qsa = document.querySelectorAll(".d0"), l = qsa.length, i;
    for( i=0; i<l; i++) resize(qsa[i],5);
}

请注意，我使用了 querySelectorAll 而不是 getElementsByClassName - 这在 IE8 中启用了支持。如果您确实需要比这更旧的版本，您可能需要使用 name 属性，因为即使是古老的 IE 也支持 getElementsByName。