1
Element.prototype.myfunc=function(){ /*...*/ }
document.getElementById('myID').myfunc();

Функция myfunc сработает, если ей передать элемент. А как быть, если нужно передать массив элементов? Например:

document.getElementsByTagName('*').myfunc();

Т.е., что изменить в Element.prototype.myfunc=function(){ ..... } , когда не знаешь, будет ли ей передан элемент или массив? Я так понимаю, вместо Element нужно написать что-то типа Object, но тогда функция не заработает, если передаваться будет один элемент.

2
  • 2
    очевидно же, что нужно добавить эту функцию в NodeList.prototype
    – Spectre
    27 янв 2013 в 14:21
  • плохо с этим знаком, читал доки и чёт не понял, можно пример?
    – shol
    27 янв 2013 в 15:09

2 ответа 2

2

я так понимаю за место Element нужно написать что то типа Object

напишите NodeList:

NodeList.prototype.myfunc=function(){ ..... }
9
  • не работает
    – shol
    27 янв 2013 в 15:51
  • @shol: приведёте минимальный пример? (лучше на jsfiddle)
    – VladD
    27 янв 2013 в 15:56
  • вот пример function cen(a) { a.style.left = document.body.clientWidth / 2 - (add.offsetWidth / 2); a.style.top = document.body.clientHeight / 2 - (add.offsetHeight / 2); } NodeList.prototype.cent=function(){ cen(this); return this; } - так не работает а так Element.prototype.cent=function(){ cen(this); return this; } работает, но если так то как же быть если функции передаться не элемент а массив например
    – shol
    27 янв 2013 в 16:00
  • проблема в том, что я функции может передаться как массив так и просто элемент
    – shol
    27 янв 2013 в 16:03
  • вы сами говорите "массив элементов", а работаете как с единичным элементом, т.е. в случае с NodeList пройдитесь по this в цикле, из этого следует, что вы взяли себе задачу не по знаниям, может стоит обратиться к тематической литературе
    – Spectre
    27 янв 2013 в 16:04
1
document.getElementsByTagName('*').myfunc();

Может я уже не в теме но где здесь в функцию передается хоть что-то? Вызов функции myfunc() - это скобочки, и все что в них это параметры!

То что слева от функции это контекс вызова, в данном случае смысл в том что внутри тела функции myfunc() значение this будет результатом вызова document.getElementsByTagName('*') и в данном случае это будет массивоподобная коллекция элементов.

А вот внутри функции можно проверить контекст и что-нибудь сделать либо с каждым элементом коллекции, либо на всей коллекцией:

context.myfunc(){
    if(this.length){ // скорее всего это коллекция
        for(var i = 0, n = this.length; i < n; ++n){
           var elem = this[i];
           elem....
        }
    }
    else { // конкретный элемент
        var elem = this;
        elem....
    }
}

Вообще это манера программирования в стиле jquery. И советую с этими вещами разобраться.

Дополнение после комментария.

И правда не стой стороны начал, такие вещи (добавление/изменение свойств и методов встроенным объектам) необходимо делать только в случаях крайней нужды (в современных книгах пишут например если не хватает какого-то метода, но его обязательно добавят в новой версии браузера, то для совместимости).

Лучше сделать так

function myfunc(v){
    if(v.length){ // скорее всего это коллекция
        for(var i = 0, n = v.length; i < n; ++n){
            var elem = this[i];
            elem....
        }
    }
    else { // конкретный элемент
        var elem = v;
        elem....
    }
}

myfunc(document.getElementsByTagName('*'));
1
  • 1
    да не, там собрались любители переписывать встроенные объекты, а потом удивляться.
    – zb'
    11 июн 2013 в 14:32

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.