Дом
DOM: документ объектной модели;
узел
Узел элемента: атом DOM является узлом элемента. Элементы, такие как <body>, <p>, <ul> и т. Д. Элементы могут содержать другие элементы. Единственный элемент, который не включен в другой элемент, - это элемент <html>
Текстовый узел: в документах xhtml текстовые узлы всегда включены внутри узлов элементов.
Узел атрибута: узлы атрибутов используются для предоставления более конкретных описаний элементов. Например, почти у каждого элемента есть атрибут заголовка, и мы можем использовать этот атрибут, чтобы точно описать то, что содержится в элементе:
<p> Не забудьте купить этот материал. </p>
В DOM title = «Нежное напоминание» - это узел атрибута.
CSS
Получите элементы
getElementbyid, getElementsbytagname, getElementsbyclassname три метода для получения узлов элементов.
getElementsbytagname позволяет в качестве параметра подстановочный знак, что означает, что каждый элемент в документе будет иметь место в массиве, возвращаемое функцией. Wildcards ("*") должны быть в кавычках, которые должны отличаться от операций умножения.
Вы также можете использовать GetElementById и GetElementsBytagName. Как показано ниже:
Кода -копия выглядит следующим образом:
var Shopping = document.getElementById ("покупка");
var items = shopping.getElementsbytagname ("*");
Таким образом, вы можете получить, сколько элементов содержит элемент с идентификационным значением атрибута.
Метод GetElementsByclassName поддерживается только новыми браузерами. Чтобы восполнить это, программисты сценария DOM должны использовать существующие методы DOM для реализации своих собственных getElementsbyclassname. В большинстве случаев их процесс реализации примерно похож на следующие getElementsbyclassname:
Кода -копия выглядит следующим образом:
функция getElementsbyclassname (node, classname) {
if (node.getelementsbyclassname) {
return node.getelementsbyclassname (classname);
}еще{
var results = new Array ();
varelems = node.getElementsbytagname ("*");
for (var i = 0; i <elems.length; i ++) {
if (elems [i] .classname.indexof (classname)! = -1) {
Результаты [Results.length] = elems [i];
}
}
вернуть результаты;
}
}
Функция getElementsbyclassname принимает два параметра. Первый узел представляет начальную точку поиска в дереве DOM, а второе имя класса - это имя класса, которое нужно искать.
Получить и установить свойства
getAttribute - это функция, которая имеет только один параметр - имя атрибута, который вы планируете запрашивать:
Кода -копия выглядит следующим образом:
object.getattribute (атрибут)
SetAtTribute () позволяет нам изменить значение узла атрибута. После изменения документа через SetAttribute при просмотре исходного кода документа через параметр «Просмотр браузера», то, что вы видите, все равно будет предыдущим значением свойства, то есть изменения, сделанные SetAttribute, не будет отражено в исходном коде самого документа. Это явление «противоречивого внутри и снаружи» происходит из рабочего режима DOM: сначала загрузите статическое содержание документа, затем динамически обновить, динамическое обновление не влияет на статическое содержание документа. Это реальная сила DOM: обновлять содержимое страницы, не обновляя страницу в браузере.