Как расширить элемент DOM как класс (без jQuery )[дубликат]

На этот вопрос уже есть ответы здесь:

Закрыто 7 лет назад .

Possible Duplicate:
In Javascript, can you extend the DOM?

Я пытаюсь добавить методы и свойства к элементу. Он не указан как глобальный класс. Я могу расширить String следующим образом:

String.prototype.dosomething = function {... };

Я стараюсь вот так (это больше, это основа):

function $id(str){
    this.element = document.getElementById(str); 
    return element;
}
var myElem = $id('myId'); // WORKS !!!
$id.prototype.dosomethig = function (... }; 
var myValue = $id('myId').dosomething(); // DOESN'T WORK !!!

Я пытаюсь по-другому, но суть всегда одна и та же: когда я пытаюсь расширить класс, это не работает. Есть ли способ избежать этого? Я знаю, что jQuery делает это, но я хочу сделать это onwn -, если они могут, я могу... верно?

Изменить :Ниже приведен код, уже работающий в Safari и Firefox...

Element.prototype.pos = function(){
    var curleft = this.offsetLeft;
    var curtop = this.offsetTop;
    var scrleft = this.scrollLeft;
    var scrtop = this.scrollTop;
    var pElement = pElementScr = this.offsetParent
    while(pElement){
        curleft += pElement.offsetLeft;
        curtop += pElement.offsetTop;
        pElement = pElement.offsetParent;
    }
    while(pElementScr){
        scrleft += pElementScr.scrollLeft;
        scrtop += pElementScr.scrollTop;
        pElementScr = pElementScr.offsetParent;
    }
    return {x:this.offsetLeft, y:this.offsetTop};
}

Это дает позицию div даже внутри множества других div. Я попробую протестировать в IE8, после того, как решу много других проблем с моей библиотекой.

задан Community 23 May 2017 в 10:28

0 ответов

Другие вопросы по тегам:

javascript dom prototype

Как расширить элемент DOM как класс (без jQuery )[дубликат]

0 ответов

Похожие вопросы: