JavaScript

JavaScript removeAttribute method.

removeAttribute

 Elementオブジェクトの removeAttributeメソッドを使用することで要素に設定されている属性を削除することができます。

Syntax(構文)


element.removeAttribute('属性名');

 引数には削除する属性の属性名を DOMStringオブジェクトで指定します。設定されていない属性名を指定した場合は何も行いません。

 例えば、div要素に設定されている class属性を削除するには次のように記述します。

HTML + JavaScript source


<div id="test" class="sample">Sample</div>
<script>
	const element = document.getElementById('test');
	element.removeAttribute('class');
</script>

Sample

 これを実行し、Google Chromeの「設定」→「その他のツール」→「ディベロッパーツール」→「要素」タブで確認すると、下図のように class属性が削除できていることが確認できました。