Существует три общих способа получить элементы, а именно: имя через идентификатор элемента, имя через теги и имя через класс.
getElementbyid
DOM предоставляет метод с именем GetElementByID, который вернет объект узла с соответствующим атрибутом ID. Пожалуйста, будьте осторожны, чтобы быть чувствительным к делу при его использовании.
Это функция, уникальная для объекта документа и может быть вызвана только через него. Используемые методы следующие:
Кода -копия выглядит следующим образом:
Document.getElementById ('demo') // Демо - это идентификатор, соответствующий элементу
Этот метод совместим с основными браузерами, даже включая IE6+, и может быть смело.
getElementsbytagname
Этот метод возвращает массив объектов (если быть точным, коллекция HTMLCollection, это не истинный массив), каждый объект соответствует элементу с данным тегом в документе. Подобно GetElementByID, этот метод предоставляет только один параметр, а его параметр - это имя указанного тега. Пример кода заключается в следующем:
Кода -копия выглядит следующим образом:
document.getelementsbytagname ('li') // li - это имя тега
Следует отметить, что в дополнение к вызванным объектам документа этот метод также может быть вызван обычными элементами. Примеры следующие:
Кода -копия выглядит следующим образом:
var demo = document.getElementbyId ('demo');
var lis = demo.getelementsbytagname ('li');
Точно так же этот метод совместим с основными браузерами, даже включая IE6+, и может быть смело.
getElementsbyclassname
В дополнение к получению элементов путем указания тегов, DOM также предоставляет метод GetElementsByClassName для получения элемента с указанным именем класса. Однако, поскольку этот метод является относительно новым, более старые браузеры не поддерживают его, например, IE6. Тем не менее, мы можем восполнить недостатки старых браузеров через взломать. Метод называется следующим образом:
Кода -копия выглядит следующим образом:
document.getelementsbyclassname ('demo') // Имя класса, указанное демо, является
Как и Getelementsbytagname, этот метод может быть вызван обычными элементами в дополнение к вызванным объектами документа.
Для старших браузеров, таких как IE6 и 7, мы можем реализовать их через следующий взлом:
Кода -копия выглядит следующим образом:
функция getElementsbyclassname (node, classname) {
if (node.getelementsbyclassname) {
return node.getelementsbyclassname (classname);
}еще {
var results = [];
varelems = node.getElementsbytagname ("*");
for (var i = 0; i <elems.length; i ++) {
if (elems [i] .classname.indexof (classname)! = -1) {
Результаты [Results.length] = elems [i];
}
}
вернуть результаты;
}
}
расширять
Если вы не только удовлетворены приведенными выше методами выбора элементов, вы хотите получить элементы через селекторы, такие как jQuery. Метод реализации аналогичен вышеуказанному getElementsbyclassname. Если вы заинтересованы, вы можете реализовать набор селекторов. Тем не менее, я думаю, что трех вышеупомянутых методов в сочетании с пузырьками событий достаточно, в конце концов, эти три выступления превосходны.
Выше приведено в этой статье, я надеюсь, что она будет полезно для всех.