Javascript隱藏/顯示類問題

Question

我有以下功能，應該使用給定的類來獲取文檔中的所有元素：

function getElementByClass(objClass)
{
//  This function is similar to 'getElementByID' since there is no inherent function to     get an element by it's class
    var elements = (ie) ? document.all : document.getElementsByTagName('*');
    for (i=0; i<elements.length; i++)
{
    alert(elements[i].className);
    alert(objClass);
    if (elements[i].className==objClass)
    {
        return elements[i]
    }
}
}

當我使用以下命令調用此函數時：

<script type="text/javascript">document.write(getElementByClass('done'));</script>

什么都沒發生。 該功能有問題嗎？

Answer 1

document.getElementsByClassName('done');

編輯：

src： http ： //robertnyman.com/2008/05/27/the-ultimate-getelementsbyclassname-anno-2008/

/*
    Developed by Robert Nyman, http://www.robertnyman.com
    Code/licensing: http://code.google.com/p/getelementsbyclassname/
*/
var getElementsByClassName = function (className, tag, elm){
    if (document.getElementsByClassName) {
        getElementsByClassName = function (className, tag, elm) {
            elm = elm || document;
            var elements = elm.getElementsByClassName(className),
                nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null,
                returnElements = [],
                current;
            for(var i=0, il=elements.length; i<il; i+=1){
                current = elements[i];
                if(!nodeName || nodeName.test(current.nodeName)) {
                    returnElements.push(current);
                }
            }
            return returnElements;
        };
    }
    else if (document.evaluate) {
        getElementsByClassName = function (className, tag, elm) {
            tag = tag || "*";
            elm = elm || document;
            var classes = className.split(" "),
                classesToCheck = "",
                xhtmlNamespace = "http://www.w3.org/1999/xhtml",
                namespaceResolver = (document.documentElement.namespaceURI === xhtmlNamespace)? xhtmlNamespace : null,
                returnElements = [],
                elements,
                node;
            for(var j=0, jl=classes.length; j<jl; j+=1){
                classesToCheck += "[contains(concat(' ', @class, ' '), ' " + classes[j] + " ')]";
            }
            try {
                elements = document.evaluate(".//" + tag + classesToCheck, elm, namespaceResolver, 0, null);
            }
            catch (e) {
                elements = document.evaluate(".//" + tag + classesToCheck, elm, null, 0, null);
            }
            while ((node = elements.iterateNext())) {
                returnElements.push(node);
            }
            return returnElements;
        };
    }
    else {
        getElementsByClassName = function (className, tag, elm) {
            tag = tag || "*";
            elm = elm || document;
            var classes = className.split(" "),
                classesToCheck = [],
                elements = (tag === "*" && elm.all)? elm.all : elm.getElementsByTagName(tag),
                current,
                returnElements = [],
                match;
            for(var k=0, kl=classes.length; k<kl; k+=1){
                classesToCheck.push(new RegExp("(^|\\s)" + classes[k] + "(\\s|$)"));
            }
            for(var l=0, ll=elements.length; l<ll; l+=1){
                current = elements[l];
                match = false;
                for(var m=0, ml=classesToCheck.length; m<ml; m+=1){
                    match = classesToCheck[m].test(current.className);
                    if (!match) {
                        break;
                    }
                }
                if (match) {
                    returnElements.push(current);
                }
            }
            return returnElements;
        };
    }
    return getElementsByClassName(className, tag, elm);
};

Answer 2

此函數不會獲得具有該類名稱的所有元素，而是得到一個。 您對通話的意圖是什么？ 與頁面上已有的DOM元素一起使用document.write似乎很有趣。

我討厭只說“使用jquery” ...但是您可能應該這樣做。

除了缺少ie聲明之外，此函數還可以工作。 您將遇到的一個問題是，如果一個元素上有多個類，則此功能將無法使用。

Answer 3

如果您發布了完整的源代碼，那么var elements =（ie）是什么？ document.all：document.getElementsByTagName（'*'）; 嘗試通過Firebug跟蹤錯誤。

Answer 4

var elements = (ie)引用了一個未定義的變量， ie

Answer 5

您是否考慮過使用JavaScript庫？ 像這樣的函數已經被寫過很多次了 ，很浪費時間在這類事情上。

Answer 6

您可能應該在可用時使用getElementsByClassName。