Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Манипулирование документами сайта при помощи D0M.

Перемещение по дереву документа сайта.

DOM допускает разные способы перемещения по документу сайта и поиска нужных элементов. Поскольку любой документ HTML или XML, посуществу, является коллекцией элементов с конкретной иерархической структурой на страницах сайта, при проходе модели DOM элементы используются в качестве маркеров. В действительности большая часть действий в DOM сродни поиску пути: элементы (особенно, имеющие уникальные идентификаторы) используются как указатели, позволяющие нам понять, в какой части документа сайта находимся, и помогающие проникать все глубже и глубже в документ сайта, не сбиваясь с пути. Рассмотрим, например, следующий фрагмент документа (X)HTML:

  
                  < div id="content">
                   < h1>Это заголовок< /h1>
                       < р>Это параграф.< /р>
                   < h2>Это другой заголовок< /h2>
                       < р>Это другой параграф.< /р>
                       < р>Еще один параграф.< /р>
                  < /div>

Если хотите найти элемент h2 в этом фрагменте, необходимо использовать две функции JavaScript, обеспечивающие доступ к DOM:

 
               getElementByld() и getElementsByTagName()
               : var the_div = document.getElementByld( 'content' ); 
               var h2s	= the_div.getElementsByTagName( 'h2' )
               var the_h2 = h2s[ 0 ];

В первой строке DOM используется для поиска на странице элемента с идентификатором content и его присвоения переменной the_div. Присвоив содержимое элемента div переменной the_div, Вы можете перейти к поиску элемента h2, используя getElementsByTagName() (строка 2). Этот метод возвращает массив элементов h2, называемый коллекцией. Наконец, Вам известно, что нужный элемент h2 является первым элементом коллекции, а первый элемент массива имеет индекс 0; следовательно, h2s [0] - это нужный Вам элемент h2. Все это можно также записать в более краткой форме:

 
               var the_h2 = document.getElementByld('content' )
                                    .getElementsByTagName('h2')[0];

Методы getElementByld() и getElementsByTagName() при создании бесплатного сайта достаточно полезны, но иногда необходимо уметь перемещаться по документу бесплатного сайта, не зная идентификатора или даже типа искомого элемента страницы бесплатного сайта. По этой причине предусмотрено много различных свойств, позволяющих легко перемещаться по документу сайта:

 
               parentNode
               firstchild
               lastChild
               nextSibling
               previousSibling

родительский узел, первый дочерний элемент, последний дочерний элемент, следующий братский элемент и предыдущий братский элемент.

Каждое из этих свойств делает именно то, что следует из его названия: позволяет получить доступ к элементу страниц сайта конкретного типа.

Если при перемещении по модели DOM с использованием свойств parentNode, nextsibling и им подобных требуется иметь дополнительные сведения об элементах страниц бесплатного сайта, то можно воспользоваться некоторыми дополнительными свойствами. Первым является свойство nodeType, которое возвращает тип заданного узла. Существует три часто используемых типа узлов, которые пронумерованы следующим образом:


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно    назад    дальше     продолжение темы

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: