Опасения по поводу модификации прототипа Node

Question

Итак, для развлечения я решил посмотреть, смогу ли я имитировать синтаксис / функциональность jQuery. Это оказалось довольно легко (если не беспокоиться о совместимости между браузерами и устаревшими версиями). Вы можете увидеть, что я сделал до сих пор здесь: http://jsfiddle.net/FPAaM/3/

Теперь, чтобы не наступать на пальцы сторонних библиотек javascript, следует обратить внимание на проблемы, возникающие при добавлении функциональности к прототипам Node а также NodeList?

Node.prototype.text = function(txt){
    var chld = this.childNodes;
    while(chld[0]) this.removeChild(chld[0]);

    this.appendChild(document.createTextNode(txt));

    return this;
};
NodeList.prototype.text = function(txt){
    for (var i = 0; i < this.length; i++)
        this[i].text(txt);

    return this;
};
Node.prototype.css = function(tag, val){
    if (val != undefined)
        this.style[tag] = val;
    else
        return this.style[tag];

    return this;
};
NodeList.prototype.css = function(tag, val){
    for (var i = 0; i < this.length; i++)
        this[i].css(tag, val);

    return this;
};
Node.prototype.clk = function(cbk){
    this.addEventListener("click", cbk, false);

    return this;
};
NodeList.prototype.clk = function(cbk){
    for (var i = 0; i < this.length; i++)
        this[i].clk(cbk);

    return this;
};

var $ = function(args){
    if (typeof args == "function")
        document.addEventListener("DOMContentLoaded", args, false);

    if (typeof args == "string")
        return document.querySelectorAll(args);

    return args;
};

$(function(){
    $("div.fancy").text("Poor man's jQuery!")
        .css("color", "red")
        .clk(function(e){
            if (this.css("color") == "red")
                $(this).css("color", "green");
            else
                this.css("color", "red");
        });
});

Answer 1

Node а также NodeList являются хост-объектами. Вы не должны расширять их. Лучший способ - использовать обертку (например, jQuery).

Проверьте это: что не так с расширением DOM