Выдержка из авторитетного руководства JavaScript (конечный способ jQuery, чтобы найти элементы, основанные на селекторе стиля, - сначала использовать GetElementsBytagName (*), чтобы получить все элементы DOM, а затем отфильтровать все элементы DOM в соответствии со списком стиля)
Сегодня я попробовал скорость различных методов выбора элементов. Нативный метод примерно в 8 раз быстрее, чем jQuery. IE8 самый медленный, IE9 примерно в 3 раза быстрее, чем IE8, Chrome выполняет лучшее, а затем Firefox)
Методы выбора элементов документа:
1. Выберите элемент по id (getelementbyid)
1) Метод использования: document.getElementById ("Domid")
где Domid является значением атрибута идентификатора элемента, который будет выбран
2) Совместимость: т.е. браузеры с более низкими, чем версии IE8, не различают случай идентификационного номера элемента и возвращают элементы, соответствующие атрибуту имени.
2. Выберите элементы по имени (getelementsbyname)
1) Метод использования: document.getElementsbyname ("domname")
где domname является значением атрибута имени элемента, который будет выбран
2) Описание: а. Возвратное значение - коллекция Nodelist (отличается от массива)
беременный В отличие от атрибута ID, атрибут имени действителен только в нескольких элементах DOM (форма формы, элемент формы, iframe, img). Это связано с тем, что атрибут имени создается для облегчения представления данных формы.
в При настройке атрибутов имени для формы IMG, iframe, Applet, Enlced, Elements, атрибуты, названные после значения атрибута имени, будут автоматически созданы в объекте Document. Следовательно, соответствующий объект DOM можно ссылаться через Document.Domname
3) Совместимость: элементы, которые соответствуют значениям атрибута идентификатора в IE, также возвращаются вместе
3. Выберите элементы по имени тега (getElementsbytagname)
1) Метод использования: element.getElementsbytagname ("Tagname")
Где элемент является действительным элементом DOM (включая документ)
Tagname - это имя тега элемента DOM
2) Описание: а. Возвратное значение - коллекция Nodelist (отличается от массива)
беременный Этот метод может выбрать только элементы потока элемента, который вызывает метод.
в Tagname нечувствителен кейсом
дюймовый Когда Tagname *, это означает, что все элементы выбираются (ответственность за правило b.)
эн. HTMldocument определяет некоторые ярлыки для доступа к узлу тега. Например: атрибуты изображений, форм, форм и ссылок точки документа в коллекцию элементов <img>, <form> и <a>, а документ.
4. Выберите элементы через класс CSS (getElementsbyclassname)
1) Метод использования: element.getelementsbyclassname ("classnames")
Где элемент является действительным элементом DOM (включая документ)
ClassNames - это комбинация имен классов CSS (несколько имен классов разделены пространствами, которые могут быть разделены несколькими пространствами).
Например, element.getelementsbyclassname ("class2 class1") выберет элементы в элементах потомков элементов, которые применяются как стили класса1, так и класса2 (имена стилей не различают порядка)
2) Описание: а. Возвратное значение - коллекция Nodelist (отличается от массива)
беременный Этот метод может выбрать только элементы потока элемента, который вызывает метод.
3) Совместимость: IE8 и ниже браузеры не реализуют метод getElementsbyclassname
5. Выберите элементы через селектор CSS
1) Метод использования: Document.queryselectorall ("Селектор")
Где селектор является законным селектором CSS
2) Описание: а. Возвратное значение - коллекция Nodelist (отличается от массива)
3) Совместимость: IE8 и ниже браузеры поддерживают только Синтаксис стандартного селектора CSS2
Простой метод выбора элементов DOM в JS - это весь контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.