Авторский знак. 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.

(продолжение)

 
                 1 Узел элемента
                 2 Узел атрибута
                 3 Текстовый узел

Имя узла можно также найти с помощью свойства nodeName. Для узлов элемента и атрибута это свойство содержит имя элемента и атрибута соответственно. Даже если используете XHTML, требующий применения нижнего регистра для тегов и имен атрибутов, возвращаемое свойством nodeName значение может быть представлено в верхнем регистре, поэтому при использовании возвращаемого значения в сравнениях лучше всего его всегда преобразовывать в верхний или нижний регистр при создании сайта. Используя представленный ранее (X)HTML-документ сайта:

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

Проблема пустых текстовых узлов страниц сайта.

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

 
                 < ul>
                   < li>Это элемент списка< /li>
                   < li>Это другой элемент списка< /li>
                 < /ul>
             Модель DOM для этого фрагмента будет содержать
                       элемент ul и пять его дочерних элементов:
                 • текстовый узел с символом возврата каретки и двумя пробелами;
                 • элемент списка (11);
                 • еще один текстовый узел с символом возврата каретки и двумя пробелами;
                 • еще один элемент списка;
                 • последний символ возврата каретки.

Если на эти особенности не обратить внимания и использовать firstchild, надеясь получить первый элемент списка, то, вероятно, Вы будете немало удивлены, не получив нужный элемент страниц сайта. Чтобы избежать этих проблем, либо необходимо удалить все лишние пробельные символы из своего документа сайта, либо следует использовать небольшой скрипт для тех элементов страниц сайта, к дочерним элементам которых необходимо получить доступ, с применением следующего метода:

 
                 function stripWS( el ) {
                  for(var i = 0; i < el.childNodes.length; 1++){ 
                   var node = el.childNodes[i];
                     if( node.nodeType == 3 &&
                     !/\S/.test(node.nodeValue) ) node.parentNode.removeChild(node) ;
                   }
                }

Аналогичная функция с именем cleanWhitespace( ) предусмотрена как метод объекта Element в библиотеке прототипов (prototype.conio.net); эта библиотека имеет также несколько других полезных вспомогательных функций и методов при создании сайта. Как видите, существует много способов прохода по модели DOM при создании сайта: прямой путь, доступный с помощью метода getElementByld ( ), извилистый путь с помощью применения метода getElementsByTagName( ) и метод пошагового доступа путем постепенного прохождения родительских, дочерних и братских узлов. Существует также много способов дополнительной ориентации в процессе прохода по модели DOM, например с помощью анализа атрибутов id, а также типов и имен узлов.


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
... ... ...

обратно на главную     назад    дальше     вперед

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