JavaScript — поиск элемента по имени

В этой статье приведен наипростейший пример скрипта на JavaScript, решающего проблему поиска элемента по имени на заданной веб-странице.

JavaScript getElementsByName - поиск элемента по имени

Для того, чтобы получить любой элемент веб-страницы, ориентируясь на его имя достаточно воспользоваться методом под названием getElementsByName(), как показано далее.

Итак, пусть имеются три кнопки: 2 с атрибутами name равными tekst и 1 с drugoi_tekst. Задача: по клику на флажке сменить цвет текста кнопок tekst на синий. Решение будет вот таким:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>JavaScript поиск элемента по имени: DOM</title>
<script type="text/javascript">
function sdelat_zelenimi() {
  var elementi = document.getElementsByName("tekst");
  var length = elementi.length;
  for (var i = 0; i < length; i++) {
    elementi[i].style.color = 'blue';
  }
}
</script>
</head>
<body>
  <button name="tekst">MODx Revolution</button><br>
  <button id="blin-blin-blin" name="tekst">MODx Evoltion</button><br>
  <button name="drugoi_tekst">Чанки, сниппеты, плагины, модули, шаблоны</button><br>
  <input type="checkbox" id="check1" onchange="sdelat_zelenimi()">Окрасить текст кнопок синим! 
</body>
</html>

Обратите внимание на sdelat_zelenimi().

Опубликовано 27-02-2013 в 13:15


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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>











Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты