Доступ к элементу по id, name, class в JS

Доступ к элементу по id, name, class в JS

Очень короткий урок для знающих. Чтобы получить доступ к любому элементу, будь то ссылка или input, надо всего лишь знать его id.

Для доступа используйте следующий код: document.getElementById('название id')

Пример: (при нажатии на элемент с id myElement выходит сообщение):
document.getElementById('myElement').onclick = function() {alert('Спасибо');} <input id="myElement" type="button" value="Нажми меня"/>

Пример2: <div id="info">Информация</div>
<script> var div = document.getElementById('info'); alert( div.innerHTML ); </script>

Пример (получаем значение по классу): document.getElementsByClassName('test');

Пример (получаем значение по ID и классу ): document.getElementById('main').getElementsByClassName('test');

Пример (получаем значение по name):
document.getElementsByName('name') позволяет получить все элементы с данным атрибутом name.

Пример (задаст value): document.getElementById('myElement').value = "fsdfsd";

Пример (задает текст с html тегами): document.getElementById('myElement').innerHTML = "<b>hello</b>"; <p id="myElement">Новый текст</p>

Пример (найти все DIV элементы, которые имеют класс test):
var tests = Array.filter( document.getElementsByClassName('test'), function(elem){
return elem.nodeName == 'DIV'; });

Возможности у этих строк очень большие. Можно сказать это одна из основ программирования на JavaScript.

| | Доступ к элементу по id, name, class в JS | Очень короткий урок для знающих. Чтобы получить доступ к любому элементу, будь то ссылка или input, надо всего лишь знать его id. Для доступа испол |

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

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


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