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


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

Создание структуры документов.

JavaScript имеет массу методов для создания разметки на страницах сайта. Что setAttribute() может использоваться не только для модификации существующих атрибутов, но и для добавления новых, а с помощью createElement() и createTextNode() можно делать и многое другое при создании сайта.

createElement() при создании сайта.

Метод createElement() (используемый для объекта document) создает и возвращает новый элемент на страницах сайта. Создать элемент div можно, например, следующим образом:

 
                    var new_div = document.createElement('div');

Этот оператор присваивает новый созданный элемент переменной new_div. Чтобы действительно увидеть на странице сайта созданный новый элемент div, необходимо наполнить его каким-нибудь текстом на сайте.

Атрибут name и создание элементов в Internet Explorer при создании сайта.

Созданным в Internet Explorer при помощи DOM элементам нельзя обычным способом присвоить атрибут name. Следующий пример должен работать (он работает во всех других браузерах):

 
                    var input = document.createElement('input'); 
                    input.setAttribute('name', 'fname');

Можно предположить, что это еще один особый случай, подобный особенности применения ключевых слов class или for при создании сайта, но следующий пример применения DOM для HTML также не работает:

 
                    input.name = 'fname';

Обычно проблема здесь возникает только в тех случаях, когда Вы работаете с формами при ооформлении своего сайта. Если Вы собираетесь использовать сгенерированное поле формы только для обработки на JavaScript, проблем не возникнет, поскольку к любому полю можно обратиться, если снабдить его идентификатором id. на страницах сайта.

appendChiid() при создании сайта.

Наиболее распространенный способ обеспечения дочерних связей между узлами предусматривает применение метода:

 
                    appendChild().new_div.appendChild(text);

Метод appendChild() можно использовать для любого узла элемента на страницах сайта, и он имеет только один аргумент: узел, добавляемый в конец списка дочерних элементов. Кроме того, при использовании данного метода при создании сайта можно пропустить промежуточный шаг присвоения текстового узла переменной и непосредственно добавить к div создаваемый текстовый узел в качестве дочернего:

 
                    new_div.appendChild(document.createTextNode('This is a new div'));

Конечно, этим устанавливаем только связи между двумя узлами, но нам все же потребуется поместить элемент div в тело body документа, чтобы браузер смог их показать. Используя appendChild(), можно добавить div в тело body страницы, но appendChild() делает только то, что подразумевает его название: добавляет аргумент в конец списка дочерних элементов. В этом случае div станет последним дочерним элементом элемента body на странице сайта. А что если нам нужно, чтобы новый элемент div стал первым в теле страницы сайта?

Скальпель и кувалда при создании сайта.

innerHTML первоначально появился в DOM для Internet Explorer. В сравнении с хирургической точностью работы методов вставки и манипулирования при оформлении сайта, соответствующих стандарту W3C, применение innerHTML дает, мягко говоря, неточный результат. Имеются случаи, когда innerHTML может немного облегчить жизнь при создании своего сайта. Например, это относится к вставке специальных символов на страницах сайта. Допустим, требуется в текст параграфа грамматически правильно вставить фигурные кавычки (curly quotes). Используя операции с узлами, это можно сделать следующим образом на сайте:


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

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

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