javascript - 使用在 IE 8 和 7 中不起作用的类获取标签

Question

我的脚本

var cwidth   = document.getElementById('contentarea').clientWidth;
var elements = document.getElementsByClassName("shadow");

for(var i=0; i<elements.length; i++) {
   elements[i].style.width = cwidth+"px";
   var anc = elements[i].getElementsByTagName("a"); // not working in IE 7 & 8
   anc[0].style.width = cwidth+"px";
}

此脚本适用于除 IE 7 和 8 之外的所有浏览器

任何人请帮助我

Answer 1

getElementsByClassName 在 IE<9 中不受支持。

在 IE8 中您可以使用:

var elements = document.querySelectorAll(".shadow");

但请记住，它不是像通过getElementsByClassName获得的实时集合。如果您想查找具有多个类的元素，则必须执行 document.querySelectorAll(".first.second");。

对于 IE7，你必须依赖其他东西，比如众所周知的框架(比如 jQuery 或 Sizzle)，或者像这样的函数:

var getElementsByClassName = (function(all) {
    return function (cls) {
        var a = [], i = 0;
        for (; i < all.length; i++)
            if ((" " + all[i].className + " ").indexOf(" " + cls + " ") !== -1)
                a.push(all[i]);
        return a;
    };
})(document.all);

这也不是实时集合，而且您将无法搜索具有多个类的元素。也就是说，除非它们在 className 属性中按照您想要的顺序排列，但您不能依赖于此。你必须做一些更复杂的事情，当你在 Javascript 方面变得更有经验时，我会把它留给你。