ИТ Блог. Администрирование серверов на основе Linux (Ubuntu, Debian, CentOS, openSUSE)
(Пока оценок нет)
Загрузка...
Эта объектная модель документа позволяет получить доступ к изменению всего содержания документа и стандартизирована World Wide Web Consortium (W3C). Эта модель поддерживается практически всеми современными браузерами.
W3C DOM стандартизирует большинство особенностей традиционной DOM, а также добавляет новые. В дополнение к поддержке forms[ ], images[ ], и других свойств массива объекта Document, он определяет методы, позволяющие сценариям для доступа и управления любым элементом документа, а не только элементы специального назначения, такие как формы и изображения.
Эта модель поддерживает все свойства, доступные в Legacy DOM. Кроме того, здесь приведен список свойств документа, которые могут быть доступны с помощью W3C DOM.
| № | Свойства & Описание |
|---|---|
| 1 | body – Ссылка на объект Element, представляющий тег <body> этого документа. Ex – document.body |
| 2 | defaultView – Свойство только для чтения и представляет собой окно, в котором отображается документ. Ex – document.defaultView |
| 3 | documentElement – Ссылка только для чтения на тег <HTML> документа. Ex – document.documentElement8 / 31/2008 |
| 4 | implementation – Это свойство только для чтения и представляет собой объект, который представляет реализацию DOMImplementation, создавшую этот документ. Ex – document.implementation |
Эта модель поддерживает все методы, доступные для Legacy DOM. Кроме того, здесь приведен список методов, поддерживаемый W3C DOM.
| № | Свойства & Описание |
|---|---|
| 1 | createAttribute( name) – Возвращает вновь созданный узел Attr с указанным именем. Ex – document.createAttribute (имя) |
| 2 | createComment( text) – Создает и возвращает новый узел комментариев, содержащий указанный текст. Ex – document.createComment (текст) |
| 3 | createDocumentFragment () – Создает и возвращает пустой узел DocumentFragment. Ex – document.createDocumentFragment () |
| 4 | createElement (tagName) – Создает и возвращает новый узел Element с указанным именем тега. Ex – document.createElement (тэгу) |
| 5 | createTextNode (text) – Создает и возвращает новый узел Text, содержащий указанный текст. Ex – document.createTextNode (текст) |
| 6 | getElementById (id) – Возвращает элемент этого документа, который имеет определенное значение для атрибута id, или нулевое значение, если такой элемент не существует в документе. Ex – document.getElementById (id) |
| 7 | getElementsByName (name) – Возвращает массив узлов всех элементов в документе, которые имеют определенное значение для атрибута name. Если такие элементы не будут найдены, возвращает массив нулевой длины. Ex – document.getElementsByName (имя) |
| 8 | getElementsByTagName (tagname) – Возвращает массив всех узлов Element в данном документе, которые имеют определенный tagname. Узлы Element появляются в возвращаемом массиве в том же порядке, как они появляются в исходном документе. Ex – document.getElementsByTagName (тэг) |
| 9 | importNode( 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>
