JavaScript метод Element.removeAttribute()

Определение и применение

JavaScript метод removeAttribute() объекта Element позволяет удалить из элемента атрибут с указанным именем.

Поддержка браузерами

Метод	Chrome	Firefox	Opera	Safari	IExplorer	Edge
`removeAttribute()`	Да	Да	Да	Да	Да	Да

JavaScript синтаксис:

const attributeVal = element.removeAttribute( attributeName );

attributeName - String

Версия JavaScript

Document Object Model (DOM) Level 1 Core

Значения параметров

Параметр	Описание
attributeName	Имя атрибута, значение которого вы хотите удалить из элемента. Если указанный атрибут не существует, метод removeAttribute() не создает ошибки. Обязательный параметр.

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование методов setAttribute() и removeAttribute()</title>
	</head>
	<body>
		<button onclick = "setAttr()">Set attribute</button> <!-- добавляем атрибут событий onclick -->
		<button onclick = "removeAttr()">Remove attribute</button> <!-- добавляем атрибут событий onclick -->
		<p>Съешь ещё этих мягких французских булок, да выпей же чаю.</p>

		<script>
	const p = document.querySelector("p"), // выбираем первый элемент <p> в документе 
	function setAttr() {
	  p.setAttribute("style", "color:red"); // устанавливаем значение атрибута style у элемента
	}
	function removeAttr() {
	  p.removeAttribute("style"); // удаляем атрибут style у элемента
	}
		</script>
	</body>
</html>

В этом примере с использованием атрибута событий onclick при нажатии на первую кнопку (HTML элемент <button>) мы вызываем функцию, которая с помощью метода setAttribute() устанавливаем значение глобального атрибута style у элемента <p>, который мы предварительно выбрали с использованием метода querySelector().

При нажатии на вторую кнопку мы вызываем функцию, которая с помощью метода removeAttribute() удаляет атрибут style у элемента <p>.

Результат нашего примера:

Пример использования методов setAttribute() и removeAttribute()

JavaScript Element