Отправляет email-рассылки с помощью сервиса Sendsay

Web-программирование - это просто!

Подписаться Бесплатная «Серебряная» новостная рассылка . Подписчиков 680 RSS
←   Январь 2013   →
 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


За последние 60 дней ни разу не выходила


Сайт рассылки: http://www.easyprog.ru
Открыта: 27-06-2009
Адрес автора: comp.soft.prog.easyweb-owner@subscribe.ru

Автор
Александр

Статистика

680 подписчиков
0 за неделю
←   Все выпуски   →

Web-программирование - это просто!


Внимание!!! Открылась партнерская программа. Зарабатывайте вместе с нами!

 

Новое на сайте Программирование - это просто! (www.easyprog.ru):

В платном разделе

В бесплатном разделе

 

Добрый день, уважаемые подписчики!

Тема сегодняшнего выпуска: «Java Script(JS): Коллекции DOM-объектов.

 

Для углубленного изучения web-программирования (язык PHP и написание своей собственной CMS) советую подписаться на платный раздел (см. анонсы раздела "Пишем Easy CMS").

 

Для удобства в JavaScript есть возможность обращаться к элементам DOM-объектов через коллекции. Например, коллекция картинок объекта document называется images. Следующий пример иллюстрирует применение этой коллекции:

 

<html>

 

<head>

    <title>Урок 87. Java Script (JS): </title>

</head>

 

<body>

    <input type="submit" value="Нажми на меня" OnClick="ImageClick()">

    <img src="Blue_01.png">

    <img src="Yellow_04.png">

    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

        function ImageClick() {

            a=document.images[0].src

            document.images[0].src=document.images[1].src

            document.images[1].src=a

        }

    </SCRIPT>

</body>

 

</html>

 

Вот скриншот этого примера (картинки меняются местами, когда мы щелкаем по кнопочке):

Тема сегодняшнего выпуска: «Java Script(JS): Коллекции DOM-объектов.

 

Существуют так же им другие коллекции:

  • forms - коллекция элементов form.

  • anchors - коллекция элементов, созданных тэгом <A> с атрибутом name.

  • links - коллекция элементов, созданных тэгом <A> с атрибутом HREF.

  • applets - коллекция элементов <applet>. Подробнее о работе с апплетами смотри тут.

  • embeds - коллекция элементов, созданных тэгом embed.

К элементам коллекции можно обращаться не только по индексу, но так же и по имени, заданному в атрибуте id, вот пример переписанный на использование имени тэгов:

<html>

 

<head>

    <title>Урок 87. Java Script (JS): </title>

</head>

 

<body>

    <input type="submit" value="Нажми на меня" OnClick="ImageClick()">

    <img src="Blue_01.png" id="first">

    <img src="Yellow_04.png" id="second">

    <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

        function ImageClick() {

            a=document.images['first'].src

            document.images.first.src=document.images["second"].src

            document.images[1].src=a

        }

    </SCRIPT>

</body>

 

</html>

 

 

Так же по имени можно обращаться и к элементам массива, который вернула функция getElementsByTagName.

 

С уважением, Шуравин Александр, e-mail: megabax@rambler.ru, автор оставляет за собой право публиковать в рассылках ваши письма, если в письме прямо неоговорено нежелание его публиковать.

 
В избранное