Elements appendTo() - KirkGarcia182/domExtend GitHub Wiki

appendTo()

Description

Inserts the element after the last childNode of the parentElement

Syntax

element.appendTo(node);

Parameters

node - A Node where the current element will be added to

Return Value

The element 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='menuList'>
				<li><a>Menu 1</a></li>
				<li><a>Menu 2</a></li>
				<li><a>Menu 3</a></li>
			</ul>
		</div>
	</div>
	<script type="text/javascript" src="domExt.js"></script>
	<script type="text/javascript">
		window.$ = document;

		let menuList = $.byId('menuList');
		let menuLi = $.ce('li');
		let menuLink = $.ce('a').html('Menu 4').appendTo(menuLi);
		console.log(menuList); 
		/* Result 
			<ul id='menuList'>
				<li><a>Menu 1</a></li>
				<li><a>Menu 2</a></li>
				<li><a>Menu 3</a></li>
				<li><a>Menu 4</a></li>
			</ul>
		*/
	</script>
</body>
</html>
⚠️ **GitHub.com Fallback** ⚠️