javascript - 有什么方法可以知道这段 Javascript 代码的作用？

Question

我一直注意到我的网站发生了一些奇怪的事情，所以当我遇到这个时我一直在检查我的文件:

if( typeof document.getElementsByClassName != 'function' ) {
    document.getElementsByClassName = function(classname) {
        var node = document.body;
        var a = [];
        var re = new RegExp('(^| )'+classname+'( |$)');
        var els = node.getElementsByTagName("*");
        for(var i=0,j=els.length; i<j; i++)
            if(re.test(els[i].className))a.push(els[i]);
                return a;
    }
}

有谁知道这可能在做什么？

Answer 1

您的代码是 document 对象的 document.getElementsByClassName 方法的简单实现。这是一种标准方法，但未在旧版浏览器(如旧版 IE 版本)中定义。

if( typeof document.getElementsByClassName != 'function' ) {

这部分检查方法的类型是否不是函数(因此未定义)，如果是则稍后定义它。

使用此方法，您可以使用类名从文档中选择 DOM 元素，如下所示

<div class="box"></div>
document.getElementsByClassName('box')