Как Получить из атрибута javascript
"Как получить из атрибута значение" элемента, все способы получения из атрибута! Пример/ы получения из атрибута js.
Подробно о получении из атрибутов в javascript
- Получить из атрибута через тег.
- Получить из атрибута через тег №2.
- Получить из атрибута через другой атрибут.
- Скачать
Получить из атрибута через тег.
Для того, чтобы "получить из атрибута через тег" вам понадобится живой пример :
Придумаем произвольный тег "gets":
Добавим ему... пусть это будет
Чтобы создать живой пример получения из атрибута используем:
Кнопку button.
Туда же добавляем id, чтобы обратиться к кнопке(обратиться к тегу)...
Тег script.
+ onclick
В функцию помещаем getelementsbytagname.
Поскольку наш тег один, поэтому ячейку ставим 0:
И относительно данного атрибута вам понадобится className.
И чтобы увидеть ваше правильное получение из атрибута - используем alert.
Соберем весь код:
Код как получить из атрибута через тег.
Html:
<gets class="example">Получи значение из атрибута через тег.</gets>
<button id="idbutton2">Получи из атрибута с помощью кнопки:</button>
Javascript:
<script>
idbutton2.onclick = function()
{
alert( document.getElementsByTagName( "gets" )[0].className);
}
</script>
Выполнение Кода получения из атрибута через тег.
Чтобы увидеть живой пример получения из атрибута - нажмите на кнопку "Получи из атрибута с помощью кнопки:". Если код написан правильно, то вы получите на экран - "example".
Получить из атрибута через тег №2.
Для того, чтобы во втором примере получить из атрибута вам понадобится:
Теория и код из выше идущего пункта!
Немного изменим :
Два элемента будут button.
<button id="get_from_attribute">В данном теге есть атрибут, из которого будем получать через тег №2.</button>
<button id="idbutton">Получить из атрибута через тег №2.</button>
У каждого новый(уникальный) id и к нему же будем обращаться! Если код написан правльно, то вы получите - "get_from_attribute".
В нашем примере... наша кнопка "button" идет по счету сверху страницы под номером 2. Как вы знаете отчет идет с нуля... поэтому наша двойка это - [1](Как узнать сколько элементов на странице - нужно получить и вывести в консоль htmlcollection).
Соберем весь код:
Код как получить из атрибута через тег.
Html:
<button id="get_from_attribute">В данном теге есть атрибут, из которого будем получать через тег №2.</button>
<button id="idbutton" class=width_100>Получить из атрибута через тег №2.</button>
Javascript:
<script>
idbutton.onclick = function()
{
alert( document.getElementsByTagName( "button" )[1].id);
}
</script>
Выполнение Кода получения из атрибута через тег.
Чтобы увидеть живой пример получения из атрибута - нажмите на кнопку "Получи из атрибута с помощью кнопки:". Если код написан правильно, то вы получите на экран - "get_from_attribute".
Получить из атрибута через другой атрибут.
Для того, чтобы Получить из атрибута с помощью другого атрибута :
Как вы знаете нужны самостоятельные атрибуты - их используем чтобы обратиться к тегу.
А уже потом обращаемся к вашему атрибуту...
Для примера получения из атрибута через другой атрибут вам понадобится:
Теория и код из выше приведенных примеров... с некоторыми изменениями:
Кнопка button(первым тегом) - больше не нужна - используем - span.
В него поместим атрибут, к которому будем обращаться - "
Опять в каждом теге изменим id
Соберем весь код:
Код как получить из атрибута через атрибут.
Html:
<span id="id_e" title="атрибут через другой атрибут">Здесь текст.</span>
<button id="idbutton_3" class=width_100>Получить из атрибута через другой атрибут</button>
Javascript:
<script>
idbutton.onclick = function()
{
alert( id_e.title );
}
</script>
Выполнение Кода получения из атрибута через атрибут.
Чтобы увидеть живой пример получения из атрибута - нажмите на кнопку "Получи из атрибута с помощью кнопки:". Если код написан правильно, то вы получите на экран - "атрибут через другой атрибут".
В связи с тем, что... некоторые пользователи имеют отклонения от нормы... комменты закрыты до момента, как напишу скрипт, когда будут доступны только зарегистрированным, либо будет модерация комментов...
Свободно, комменты оставить более не получится!
Этим вы очень поможете проекту! Заранее огромное спасибо!
