Свойства объекта document

Последнее обновление: 1.11.2015

Кроме ранее рассмотренных методов объект document позволяет обратиться к определенным элементам веб-страницы через свойства:

  • documentElement: предоставляет доступ к корневому элементу <html>

  • body: предоставляет доступ к элементу <body> на веб-странице

  • images: содержит коллекцию всех объектов изображений (элементов img)

  • links: содержит коллекцию ссылок - элементов <a> и <area>, у которых определен атрибут href

  • anchors: предоставляет доступ к коллекции элементов <a>, у которых определен атрибут name

  • forms: содержит коллекцию всех форм на веб-странице

Эти свойства не предоставляют доступ ко всем элементам, однако позволяют получить наиболее часто используемые элементы на веб-странице. Например, получим корневой узел документа:

var container = document.documentElement;

Получим все изображения на странице:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
</head>
<body>
	<img src="picure1.png" alt="Картинка 1" />
	<img src="picure2.png" alt="Картинка 2" />
	<img src="picure3.png" alt="Картинка 3" />
<script>
var images = document.images;
// изменим первое изображение
images[0].src="pics/picture_4.jpg";
images[0].alt="Новая картинка";
// перебирем все изображения
for(var i=0; i<images.length;i++){

	document.write("<br/>" + images[i].src);
	document.write("<br/>" + images[i].alt);
}
</script>
</body>
</html>

Подобно тому, как в коде html мы можем установить атрибуты у элемента img, так и в коде javascript мы можем через свойства src и alt получить и установить значения этих атрибутов.

Рассмотрим получение всех ссылок на странице:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
</head>
<body>
	<a href="article1.html">Статья 1</a>
	<a href="article2.html">Статья 2</a>
	<a href="article3.html">Статья 3</a>
<script>
var links = document.links;

for(var i=0; i<links.length;i++){

	document.write("<br/>" + links[i].innerText);
	document.write("<br/>" + links[i].href);
}
</script>
</body>
</html>

Опять же, так как у ссылки определен атрибут href, то при переборе ссылок мы можем получить его значение.

Помощь сайту
WebMoney
  • P378451176208
  • Z280152397659
ЮMoney/Яндекс-Деньги
  • 410011174743222
PayPal
  • metanit22@mail.ru
Перевод на карту
  • Номер карты: 4048415020898850