Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Технические фишки инфобизнеса 2014

Статьи для сайтов!!!
Метод setAttribute Метод getAttribute Метод trim - Удаление пробелов

Метод getAttribute - Возвращает значения атрибута или null

JavaScript - Практическое применение

Урок №11 Метод getAttribute

Количество просмотров: 312

Метод getAttribute возвращает значение атрибута или null.

var any = document.getElementById("...");
var element = any.getAttribute("attribute");

При помощи метода getElementById выбираем элемент страницы. Результат заносим в произвольную переменную any, через которую работаем с выбранным элементом как с объектом.

Метод getAttribute содержит 1 аргумент: имя атрибута attribute, значение которого требуется получить.

Результат заносится в произвольную переменную element.

Если атрибут не существует, то метод getAttribute вернет null.

Метод getAttribute - Возвращает значения атрибута

Метод getAttribute - Возвращает значения атрибута

Продолжим работать с примером из предыдущего урока и теперь при помощи метода getAttribute получим значение атрибута title.

<body>

<h1>Our Planet</h1>

<p id="earth" title="Our Planet is beautiful...!!!">Green Planet</p>

<h1>Red Planet</h1>

<p id="mars">Mars is red planet</p>

 

<script type="text/javascript">

var planet = document.getElementById("earth");
var title_Element = planet.getAttribute("title");
document.write("<p> We get the title of the element with id «earth»: «" + title_Element + "»");

</script>

</body>

Метод getAttribute - Возвращает значения атрибута

Our Planet

Green Planet

Red Planet

Mars is red planet

We get the title of the element with id «earth»: «Our Planet is beautiful...!!!»

Комментарии к примеру...

  • При помощи метода getElementById мы получаем доступ к параграфу с id="earth".
  • При помощи метода getAttribute возвращаем значение атрибута title выбранного элемента.
  • Результат заносим в переменную title_Element, которую затем выводим на экран.

Метод getAttribute возвращает null

Метод getAttribute возвращает null

Продолжим работать с предыдущим примером и теперь при помощи метода getAttribute попробуем вернуть значение атрибута title другого параграфа...

<body>

<h1>Our Planet</h1>

<p id="earth" title="Our Planet is beautiful...!!!">Green Planet</p>

<h1>Red Planet</h1>

<p id="mars">Mars is red planet</p>

 

<script type="text/javascript">

var planet = document.getElementById("mars");
var title_Element = planet.getAttribute("title");
document.write("<p> We get the title of the element with id «mars»: «" + title_Element + "»");

</script>

</body>

Метод getAttribute возвращает null

Our Planet

Green Planet

Red Planet

Mars is red planet

We get the title of the element with id «mars»: «null»

Комментарии к примеру...

  • В этом примере мы попробовали получить значение несуществующего атрибута (у параграфа с индексом mars нет title). В результате метод getAttribute возвращает null.

В таких случаях удобно делать проверку при помощи условия if-else, то есть если атрибута не существует - выводить сообщение об этом.

<body>

<h1>Our Planet</h1>

<p id="earth" title="Our Planet is beautiful...!!!"> Green Planet</p>

<h1>Red Planet</h1>

<p id="mars">Mars is red planet</p>

<script type="text/javascript">

var planet = document.getElementById("mars");
var title_Element = planet.getAttribute("title");

if(title_Element == null){
document.write("Вы ошиблись и пытаетесь получить значение несуществующего атрибута!!!")
}
else{
document.write("<p> We get the title of the element with id «mars»: «" + title_Element + "»");
}

</script>

</body>

Результат проверки при помощи условия if-else

Our Planet

Green Planet

Red Planet

Mars is red planet

Вы ошиблись и пытаетесь получить значение несуществующего атрибута!!!

Главная Изучаем JavaScript Метод getAttribute Метод trim - Удаление пробелов

Ваши комментарии к уроку:

Комментариев нет...

Добавить комментарий:

Ваше Имя:*
Комментарий:*
Ответьте на вопрос: *
Сколько дней в Високосном году?
* - поля обязательные для заполнения.
JavaScript
Частота просмотра уроков
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru