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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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