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

октябрь 2020
Пн Вт Ср Чт Пт Сб Вс
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 31


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

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

После того как научились находить нужные элементы в DOM, не составит труда получение и изменение содержимого страницы сайта. Собранные данные могут состоять из различных элементов, значений атрибутов и даже текста. Это обеспечивается в основном свойствами и методами получения и установки значений данных ("getters and setters») модели DOM:

 
                      innerHTML
                      nodeValue
                      getAttribute()
                      setAttribute()

innerHTML при создании сайта.

В сравнении с «хирургической точностью» других методов и свойств DOM можно сказать, что innerHTML действует с точностью кувалды. Это свойство элемента входило в первоначальную версию DOM браузера Internet Explorer (т. е. оно не является частью DOM консорциума W3C) и может использоваться для получения и установки любой разметки и любого текста в рамках заданного элемента на сайте. Основная проблема при использовании innerHTML связана с тем, что полученные данные рассматриваются как одна строка, поэтому этот способ хорошо подходит для перемещения больших объемов данных из одного места в другое на сайте.

Используя приведенный выше пример, можно следующим образом получить все содержимое элемента div с идентификатором content:

 
                     var contents = document.getElementByld('content'(.innerHTML;))

Аналогично можно заменить содержимое div, устанавливая его свойство innerHTML на строку текста с элементами HTML:

 
                     var contents = 'This is a < em>new< /em> sentence.1 ;
                                    document.getElementByld('content')
                                    .innerHTML = contents;

С помощью innerHTML можно также добавлять HTML-текст в конец элемента на страницах сайта:

 
                     var div = document.getElementByld('content')
                                       .innerHTML;
                                        div.innerHTML += '< p>This is a paragraph
                                                      added using innerHTML.< /p>';

nodeValue при создании сайта.

Другим свойством, позволяющим получать и устанавливать содержимое Вашего документа сайта, является nodeValue (значение узла). Это свойство представляет именно то, что следует из его названия: значение атрибута или текстового узла сайта.

HTML и XML при создании сайта.

Существует несколько отличий между моделями DOM в документах HTML и XML, которые могут внести некоторую путаницу при создании сайта. Обе модели одинаково надежны для создания сайта, хотя модель DOM для XML более предпочтительна из-за совместимости снизу вверх. При применении DOM для HTML можно быстро получить доступ к атрибутам элементов на страницах сайта, которые будут доступны как свойство этого элемента: link.href.

Для чтения того же самого атрибута в модели DOM для XML потребуется использовать метод getAttribute():

 
                      link.getAttribute('href');

Кроме того, доступ к атрибутам через свойства позволяет в модели DOM для HTML не только получать, но и устанавливать значения атрибута:

 
                      var old_href = link.href; 
                      link.href = 1 /new/file.html';

В документах (X)HTML можно использовать DOM, предназначенный как для HTML, так и для XML при создании сайта. Однако если планируете рассматривать свои XHTML-файлы как XML-документы, свойства модели DOM для документов HTML (в том числе innerHTML) не будут работать при отображении сайта. К этой ссылке, используя setAttribute( ), можно следующим образом добавить атрибут title:

 
                      link.setAttribute('title','The Easy Designs, LLC homepage');

Это подводит нас к следующей теме: созданию структуры документа с помощью DOM.


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

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

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