удалить атрибут js
Подробно о removeAttribute - "удаление атрибута в javascript"
- removeAttribute - "удаление атрибута в javascript
- Простой пример "удаления атрибута в javascript"
- Второй пример "удаления атрибута removeAttribute"
removeAttribute - "удаление атрибута в javascript
Начнем с определения, что такое removeAttribute:Синтаксис removeAttribute
Описание Синтаксиса removeAttribute
element - объект, который создается в момент обращения к тегу.
removeAttribute - название метода.
attrName строка, имя атрибута который будет удален у element-а.
Попытка удаления атрибута, которого нет на элементе не вызывает ошибки.
Простой пример "удаления атрибута в javascript
Самый простой способ "удаления атрибута в javascript", для иллюстрации процесса удаления атрибута, нам понадобится :Какой-то элемент - пусть это будет div.
Ему добавим атрибут id с любым значением(это не принципиально), и туда же добавим onclick, соберем эту конструкцию:
Чтобы мы могли увидеть удаление атрибута - ему нужно присвоить какие-то свойства. чтобы при удалении атрибута,ь эти свойства удалились, пусть это будет задний фон - зеленый:
Далее открываем исследовать элемент и после этого мы можем нажать на слова "удалить атрибут"
Результат удаления атрибута в javascript
Стенд для иллюстрации удаления атрибута javascript:
Пример "удаления атрибута removeAttribute"
Давайте рассмотрим второй пример использования removeAttribute для "удаления атрибута в javascript"Как и в предыдущем пункте соберем html код вместе со стилями! Начнем с style, в него поместим цвет для тега - green:
div в котором будем удалять атрибут
И кнопка button - по нажатию на которую будет происходить удаление атрибута:
<button id="button">Удали атрибут</button>
<style>#divid1{background:green}</style>
<div id="divid1">удалить атрибут</div>
<button id="button">Удали атрибут</button>
Обращаемся к двум тегам, для создания двух переменных(которые одновременно будут объектами) :
var button = document.getElementById("button");
Далее опять возьмем onclick, только теперь с использованием функции.
И внутрь функции помещаем удаление атрибута с помощью "removeAttribute"
{
div_id_1 . removeAttribute("id");
}
Соберем весь код удаления атрибута с помощью removeAttribute
<style>#divid1{background:green}</style>
<div id="divid1">удалить атрибут</div>
<button id="button">Удали атрибут</button>
<script>
var div_id_1 = document.getElementById("divid1");
var button = document.getElementById("button");
button.onclick = function()
{
div_id_1 . removeAttribute("id");
}
</script>
removeattribute removeattribute js removeattribute javascript js удалить атрибут js удалить атрибут элемента
Построение гравиков