HTMLCollection and Nodelist removeAttr() - KirkGarcia182/domExtend GitHub Wiki

removeAttr()

Description

Removes an attribute or attributes from the elements within the collection. When removing multiple attributes just separate each one with a white-space.

Syntax

collection.removeAttr(attributeNames);

Parameters

attributeNames - A String containing the name or names of the attributes you want to remove, separated by a white-space

Return Value

The collection you just manipulated so you can chain these methods.

Example

<!DOCTYPE html>
<html>
<head>
	<title>domExt Examples</title>
</head>
<body>
	<div id="app">
		<div class="menus">
			<ul id='menuList1'>
				<li><a class='menuLink'>Menu 1</a></li>
				<li><a class='menuLink'>Menu 2</a></li>
				<li><a class='menuLink'>Menu 3</a></li>
			</ul>
		</div>
	</div>
	<script type="text/javascript" src="domExt.js"></script>
	<script type="text/javascript">
		window.$ = document;

		let collection = $.qsa('.menuLink');
		collection.attr({
			disabled: '',
			hidden: ''
		});

		console.log(collection);
		/* Result
			<li><a class='menuLink' disabled hidden>Menu 1</a></li>
			<li><a class='menuLink' disabled hidden>Menu 2</a></li>
			<li><a class='menuLink' disabled hidden>Menu 3</a></li>
		*/

		collection.removeAttr('disabled hidden');
		console.log(collection);
		/* Result
			<li><a class='menuLink'>Menu 1</a></li>
			<li><a class='menuLink'>Menu 2</a></li>
			<li><a class='menuLink'>Menu 3</a></li>
		*/
	</script>
</body>
</html>