Последние новости:

Поиск по сайту:

В мыслях своих замесив попреками льстивые речи.. (Тимон об Аркесилае).

JavaScript — W3C DOM

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...
17.12.2017
Язык программирования Javascript

Эта объектная модель документа позволяет получить доступ к изменению всего содержания документа и стандартизирована World Wide Web Consortium (W3C). Эта модель поддерживается практически всеми современными браузерами.

W3C DOM стандартизирует большинство особенностей традиционной DOM, а также добавляет новые. В дополнение к поддержке forms[ ], images[ ], и других свойств массива объекта Document, он определяет методы, позволяющие сценариям для доступа и управления любым элементом документа, а не только элементы специального назначения, такие как формы и изображения.

Свойства документа в W3C DOM

Эта модель поддерживает все свойства, доступные в Legacy DOM. Кроме того, здесь приведен список свойств документа, которые могут быть доступны с помощью W3C DOM.

Свойства & Описание
1body — Ссылка на объект Element, представляющий тег <body> этого документа.

Ex — document.body

2defaultView — Свойство только для чтения и представляет собой окно, в котором отображается документ.

Ex — document.defaultView

3documentElement — Ссылка только для чтения на тег <HTML> документа.

Ex — document.documentElement8 / 31/2008

4implementation — Это свойство только для чтения и представляет собой объект, который представляет реализацию DOMImplementation, создавшую этот документ.

Ex — document.implementation

Способы документа в W3C DOM

Эта модель поддерживает все методы, доступные для Legacy DOM. Кроме того, здесь приведен список методов, поддерживаемый W3C DOM.

Свойства & Описание
1createAttribute( name) — Возвращает вновь созданный узел Attr с указанным именем.

Ex — document.createAttribute (имя)

2createComment( text) — Создает и возвращает новый узел комментариев, содержащий указанный текст.

Ex — document.createComment (текст)

3createDocumentFragment () — Создает и возвращает пустой узел DocumentFragment.

Ex — document.createDocumentFragment ()

4createElement (tagName) — Создает и возвращает новый узел Element с указанным именем тега.

Ex — document.createElement (тэгу)

5createTextNode (text) — Создает и возвращает новый узел Text, содержащий указанный текст.

Ex — document.createTextNode (текст)

6getElementById (id) — Возвращает элемент этого документа, который имеет определенное значение для атрибута id, или нулевое значение, если такой элемент не существует в документе.

Ex — document.getElementById (id)

7getElementsByName (name) — Возвращает массив узлов всех элементов в документе, которые имеют определенное значение для атрибута name. Если такие элементы не будут найдены, возвращает массив нулевой длины.

Ex — document.getElementsByName (имя)

8getElementsByTagName (tagname)  — Возвращает массив всех узлов Element в данном документе, которые имеют определенный tagname. Узлы Element появляются в возвращаемом массиве в том же порядке, как они появляются в исходном документе.

Ex — document.getElementsByTagName (тэг)

9importNode( importedNode, deep) — Создает и возвращает копию узел из какой-то другой документ, который предназначен для включения в этот документ. Если аргумент имеет значение True, то рекурсивно копирует дочерние узлы тоже. Поддерживается в DOM версии 2.

Ex — document.importNode (importedNode, глубокий)

Пример

Очень легко манипулировать (Доступ и настройка) к элементам документа с помощью W3C DOM. Вы можете использовать любой из методов, такие как getElementById, getElementsByName или getElementsByTagName.

Ниже приведен пример для доступа к свойствам документа с использованием метода W3C DOM.

<html>
   
   <head>
      <title> Заголовок Document </title>
      
      <script type="text/javascript">
         <!--
            function myFunc()
            {
               var ret = document.getElementsByTagName("title");
               alert("Заголовок документа : " + ret[0].text );
               
               var ret = document.getElementById("heading");
               alert(ret.innerHTML );
            }
         //-->
      </script>
      
   </head>
   <body>
      <h1 id="heading">Это главное название</h1>
      <p>Нажмите ниже, чтобы увидеть результат:</p>
      
      <form id="form1" name="FirstForm">
         <input type="button" value="Нажми меня" onclick="myFunc();" />
         <input type="button" value="Отмена">
      </form>
      
      <form d="form2" name="SecondForm">
         <input type="button" value="Не нажимай меня"/>
      </form>
      
   </body>
</html>

 

Примечание:
Этот пример возвращает объекты для форм и элементов, и мы должны получить доступ к их значению, используя те свойства объекта, которые не обсуждаются в данном руководстве.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Если статья понравилась, то поделитесь ей в социальных сетях:

Читайте также

0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest

**ссылки nofollow

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии

Статьи партнеров:

0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить

Спасибо! Ваша заявка принята

close

Спасибо! Ваша заявка принята

close