0

我正在编写一个 JavaScript 库。这是基本代码：

(function (window) {
        var versrionInfo = {
            release : 1.0,
            date : "10/5/2013",
            releaseNotes : "This is the first oficial release of techx. Basic functions have been implemented."
        },
        regex = {
            Id : /^[#]\w+$/,
            Class : /^[.]\w+$/,     
            Tag : /^\w+$/,
            validSelector : /^([#]\w+|[.]\w+|\w+)$/
        },  
        tex = function(selector){
            //only some of the functions need to select an element
            //EX:
            // style: tex(selector).style(style);
            //one that would not need a selector is the random number function:
            // tex().random(from,to);
            if (selector){
                if (typeof selector === 'string'){
                    var valid = regex.validSelector.test(selector);
                    if( valid ){
                        this.length = 1;
                        if(regex.Id.test(selector)){ 
                            this[0] = document.getElementById(selector);
                        }
                        if(regex.Class.test(selector)){ 
                            this[0] = document.getElementByClass(selector);
                        }
                        if(regex.Tag.test(selector)){ 
                            this[0] = document.getElementByTagName(selector);
                        }
                    }
                }else if(typeof selector === 'object'){
                    this = selector;
                }
                //this = document.querySelector(selector);
                // I could make a selector engine byt I only need basic css selectors.
            }
        };
        tex.prototype = {
            dit : function(){
                this.innerHTML = 'Hi?!?!?!';
            }
        };
        window.tex = tex;
})(window);

在正文部分，我有一个输入和一个带有 id 的 div test。在输入按钮上，我有这个：onclick=tex('#test').dit();。当我尝试运行代码时，我收到一个错误，指出它未定义。有谁知道我的代码有什么问题？

4

1 回答 1

1

document.getElementById 只接受不带“#”的元素本身的 id。散列符号在 jquery 和 css 中用于指示 id，但要针对元素本身，您只需使用 id - 在本例中为“test”。

要使您的脚本运行，您需要删除“。” 或 '#' 在您分别调用 getElementById 或 getElementByClass 之前。

您可以使用 javascript子字符串方法来实现这一点。

编辑：另请参阅 Pointy 对没有 return 语句的函数 .tex 的评论。

于 2013-10-11T12:47:39.527 回答