JavaScript

Поддержка JavaScript отключена

SBP-Program

На главную

&nbsp

&nbsp

JavaScript

Представлены свойства и методы объектов элементов HTML. Приведены примеры скриптов. Большинство примеров тривиальны, это сделано намеренно, дабы предметная часть не мешала изучению свойств и методов обработки этих свойств. Тестировались примеры в IE 6.0.

JavaScript примеры

&nbsp

accessKey – активизация элемента с помощью сочетания клавиш Alt или Ctrl с другой клавишей. Регистр не имеет значения. Можно одно сочетание клавиш присвоить нескольким элементам, в этом случае они будут последовательно активизированы.

Пример:

all – массив элементов страницы. Для доступа к одному элементу массива используем идентификатор(id) или название(name) элемента в качестве индекса:

var thisElementValue = document.all[»thisElementName»].value;

Пример:

attributes – это массив атрибутов элемента.

Пример:

canHaveChildren – указывает, может ли элемент содержать вложенные(дочерние) элементы.

Пример:

canHaveHTML – указывает, может ли элемент содержать HTML код.

Пример:

childNodes – массив узлов, имеющихся в данном объекте. Тип узла можно определить свойством nodeType.

Пример:

children – массив объектов элементов, непосредственно вложенных в данный объект.

Пример:

className – имя, указанное в атрибуте «class» элемента.

Пример:

clientHeight, clientWidth – высота и ширина элемента(px). Отступы и поля могут влиять на получаемые значения.

Пример:

clientLeft, clientTop – ширина границы элемента. Элемент должен быть позиционирован.

Пример:

contentEditable – устанавливает, можно ли элемент редактировать, если да, то редактировать можно и все вложенные элементы.

Пример:

currentStyle – чтение всех свойств стиля элемента.

Пример:

disabled – определяет активность элемента.

Пример:

height, width – высота и ширина элемента.(не все элементы имеют эти свойства).

Пример:

hspace, vspace – поля изображения.

Пример:

innerHTML – всё содержимое внутри тегов.

Пример:

innerText – текстовое содержимое внутри тегов.

length – число элементов в наборе/массиве:

var myArray = new Array(10);

var count = myArray.length; //Получим: count = 10;

nodeType – тип узла. Типы узлов представлены числами:

1 — элемент;
2 — атрибут;
3 – текст;
4 – CDATA;
8 – комментарий;
9 – документ.

nodeValue – значение элемента. Элементом должен быть либо текст, либо атрибут.

Пример:

offsetHeight, offsetWidth – высота и ширина элемента, границы и отступы учитываются в offsetWidth.

Пример:

offsetLeft, offsetTop – позиция элемента относительно offsetParent.

offsetParent – ссылка на контейнер данного элемента. Относительно этого контейнера определяется позиция элемента.

Пример:

outerHTML – всё, что содержиться внутри элемента, включая теги этого элемента.

outerText – только текст, включая вложенные элементы.

Пример:

parentElement – ссылка на родительский элемент.

parentNode – родительский узел.

Пример:

style – доступ к стилю элемента.

Пример:

tabIndex – индекс опеделяет порядок обхода при нажатии «TAB», если индекс меньше нуля, то элемент пропускается.

Пример:

tagName – имя тега в верхнем регистре.

appendChild – метод добавляет дочерний элемент.

Пример:

blur – поле теряет фокус, удаляется курсор для ввода текста.

Пример:

focus – установить фокус на элемент. Пример см. blur.

cloneNode – копировать узел.

Пример:

contains – определяет наличие объекта в контейнере.

Пример:

getAttrbute – получить значение атрибута объекта.

Пример:

getElementsByTagName – получить массив элементов с соответствующими дескипторами, указанными в аргументе. Если аргумент есть * , то возвращается набор всех элементов документа.

Пример:

hasChildNodes – определить наличие вложенных узлов элемента.

Пример:

insertBefore – вставить дочерний узел. Если второй аргумент есть null или опущен, то узел будет вставлен последним.

Пример:

item – аналог квадратным скобкам в обозначении элемента массива.

var forma = document.getElementById(«forma»);

alert(forma.childNodes[2].id);

равносильно использованию item:

var forma = document.getElementById(«forma»);

alert(forma.childNodes.item(2).id);

removeChild – удалить дочерний узел.

Пример:

removeNode – удалить узел. Если аргумент равен «true», то удаляются и все дочерние узлы.

Пример:

replaceChild – заменить дочерний узел другим элементом. Метод применяется к родительскому элементу.

Пример:

replaceNode – заменить дочерний узел другим элементом.

Пример:

setAttribute – установить значение атрибута.

Пример:

swapNode – меняет местами два узла.

Пример:

clientInformation – аналогично navigator, применяестя в IE.

Пример:

closed – проверить, закрыто ли окно.

Пример: