phpjsJqueryhtmlcssblog

удалить атрибут js

removeAttribute или "удаление атрибута в javascript", разберем, что такое "removeAttribute " с примерами.

Подробно о removeAttribute - "удаление атрибута в javascript"

1. removeAttribute - "удаление атрибута в javascript
2. Простой пример "удаления атрибута в javascript"
3. Второй пример "удаления атрибута removeAttribute"

Скопировать ссылку



removeAttribute - "удаление атрибута в javascript

Начнем с определения, что такое removeAttribute:

removeAttribute - это метод, который удаляет атрибут у элемента.


Синтаксис removeAttribute

element.removeAttribute(attrName);

Описание Синтаксиса removeAttribute

element - объект, который создается в момент обращения к тегу.

removeAttribute - название метода.

attrName строка, имя атрибута который будет удален у element-а.

Ещё:

Попытка удаления атрибута, которого нет на элементе не вызывает ошибки.

Скопировать ссылку



Простой пример "удаления атрибута в javascript

Самый простой способ "удаления атрибута в javascript", для иллюстрации процесса удаления атрибута, нам понадобится :


Какой-то элемент - пусть это будет div.

Ему добавим атрибут id с любым значением(это не принципиально), и туда же добавим onclick, соберем эту конструкцию:

<div id="divid" onclick="this.removeAttribute('id')">удалить атрибут</div>

Чтобы мы могли увидеть удаление атрибута - ему нужно присвоить какие-то свойства. чтобы при удалении атрибута,ь эти свойства удалились, пусть это будет задний фон - зеленый:

<style>#divid{background:green}</style>

Далее открываем исследовать элемент и после этого мы можем нажать на слова "удалить атрибут"

Результат удаления атрибута в javascript

удалить атрибут
Если поленились или не увидели: Если вы вдруг не поняли как наблюдать удаление атрибута, то специально для вас создам стенд, то что вы должны были увидеть, когда нажимали кнопку "удалить атрибут"


Стенд для иллюстрации удаления атрибута javascript:

<div id="divid" onclick="this.removeAttribute('id')">удалить атрибут</div>

Удали атрибут
Скопировать ссылку



Пример "удаления атрибута removeAttribute"

Давайте рассмотрим второй пример использования removeAttribute для "удаления атрибута в javascript"


Как и в предыдущем пункте соберем html код вместе со стилями! Начнем с style, в него поместим цвет для тега - green:

<style>#divid1{background:green}</style>

div в котором будем удалять атрибут

<div id="divid1">удалить атрибут</div>

И кнопка button - по нажатию на которую будет происходить удаление атрибута:

<button id="button">Удали атрибут</button>

Html:

<style>#divid1{background:green}</style>

<div id="divid1">удалить атрибут</div>

<button id="button">Удали атрибут</button>

Далее нам понадобится javascript :

Обращаемся к двум тегам, для создания двух переменных(которые одновременно будут объектами) :

var div_id_1 = document.getElementById("divid1");
var button = document.getElementById("button");

Далее опять возьмем onclick, только теперь с использованием функции.

И внутрь функции помещаем удаление атрибута с помощью "removeAttribute"

button . onclick = function()
{
div_id_1 . removeAttribute("id");
}

Соберем весь код удаления атрибута с помощью removeAttribute

Html + Css :

<style>#divid1{background:green}</style>

<div id="divid1">удалить атрибут</div>

<button id="button">Удали атрибут</button>

javascript

<script>

var div_id_1 = document.getElementById("divid1");

var button = document.getElementById("button");

button.onclick = function()

{

div_id_1 . removeAttribute("id");

}

</script>

Результат: Вы можете протестировать данный скрипт, удаления атрибута через javascript с помощью "removeAttribute"

удалить атрибут
Удали атрибут

Еще никто не прокомментировал! COMMENTS+   BBcode

🞨

Загрузить свой аватар

(max ширина, высота = 200px)

Подписаться + =

---