JavaScript метод Element.removeAttribute()

JavaScript Element

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

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

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

МетодChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
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()
Пример использования методов setAttribute() и removeAttribute()
JavaScript Element
×

Кажется, вы используете блокировщик рекламы :(

Этот ресурс не является коммерческим проектом и развивается на энтузиазме автора сайта, который посвящает все свое свободное время этому проекту.

Добавьте, пожалуйста, basicweb.ru в исключения блокировщика рекламы, этим вы поможете развитию проекта.