diff --git a/README.md b/README.md
index 5c0c85f..f96bf71 100644
--- a/README.md
+++ b/README.md
@@ -186,6 +186,7 @@ Node --|> TextNode
 Node ..> ClassList
 ```
 
+
 ## HTMLElement Methods
 
 ### trimRight()
@@ -216,9 +217,26 @@ Note: Use * for all elements.
 
 Query closest element by css selector. `null` if not found.
 
+### before(...nodesOrStrings)
+
+Insert one or multiple nodes or text before the current element. Does not work on root.
+
+### after(...nodesOrStrings)
+
+Insert one or multiple nodes or text after the current element. Does not work on root.
+
+### prepend(...nodesOrStrings)
+
+Insert one or multiple nodes or text to the first position of an element's child nodes.
+
+### append(...nodesOrStrings)
+
+Insert one or multiple nodes or text to the last position of an element's child nodes.
+This is similar to appendChild, but accepts arbitrarily many nodes and converts strings to text nodes.
+
 ### appendChild(node)
 
-Append a child node to childNodes
+Append a node to an element's child nodes.
 
 ### insertAdjacentHTML(where, html)
 
@@ -298,6 +316,7 @@ Clone a node.
 
 Get element by it's ID.
 
+
 ## HTMLElement Properties
 
 ### text
@@ -312,7 +331,7 @@ Get escaped (as-is) text value of current node and its children. May have
 
 ### tagName
 
-Get or Set tag name of HTMLElement. Notice: the returned value would be an uppercase string.
+Get or Set tag name of HTMLElement. Note that the returned value is an uppercase string.
 
 ### structuredText
 
@@ -322,13 +341,33 @@ Get structured Text.
 
 Get DOM structure.
 
+### childNodes
+
+Get all child nodes. A child node can be a TextNode, a CommentNode and a HTMLElement.
+
+### children
+
+Get all child elements, so all child nodes of type HTMLELement.
+
 ### firstChild
 
-Get first child node. `undefined` if no child.
+Get first child node. `undefined` if the node has no children.
 
 ### lastChild
 
-Get last child node. `undefined` if no child
+Get last child node. `undefined` if the node has no children.
+
+### firstElementChild
+
+Get the first child of type HTMLElement. `undefined` if none exists.
+
+### lastElementChild
+
+Get the first child of type HTMLElement. `undefined` if none exists.
+
+### childElementCount
+
+Get the number of children that are of type HTMLElement.
 
 ### innerHTML
 
diff --git a/src/nodes/html.ts b/src/nodes/html.ts
index 0653639..7df09eb 100644
--- a/src/nodes/html.ts
+++ b/src/nodes/html.ts
@@ -51,6 +51,7 @@ export interface RawAttributes {
 }
 
 export type InsertPosition = 'beforebegin' | 'afterbegin' | 'beforeend' | 'afterend';
+export type NodeInsertable = Node | string;
 
 // https://developer.mozilla.org/en-US/docs/Web/HTML/Block-level_elements
 const Htags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'header', 'hgroup'];
@@ -643,29 +644,10 @@ export default class HTMLElement extends Node {
 	 * @return {Node}      node appended
 	 */
 	public appendChild<T extends Node = Node>(node: T) {
-		// remove the node from it's parent
-		node.remove();
-		this.childNodes.push(node);
-		node.parentNode = this;
+		this.append(node);
 		return node;
 	}
 
-	/**
-	 * Get first child node
-	 * @return {Node | undefined} first child node; or undefined if none
-	 */
-	public get firstChild(): Node | undefined {
-		return this.childNodes[0];
-	}
-
-	/**
-	 * Get last child node
-	 * @return {Node | undefined} last child node; or undefined if none
-	 */
-	public get lastChild(): Node | undefined {
-		return arr_back(this.childNodes);
-	}
-
 	/**
 	 * Get attributes
 	 * @access private
@@ -818,33 +800,46 @@ export default class HTMLElement extends Node {
 		}
 		const p = parse(html, this._parseOptions);
 		if (where === 'afterend') {
-			const idx = this.parentNode.childNodes.findIndex((child) => {
-				return child === this;
-			});
-			resetParent(p.childNodes, this.parentNode);
-			this.parentNode.childNodes.splice(idx + 1, 0, ...p.childNodes);
+			this.after(...p.childNodes);
 		} else if (where === 'afterbegin') {
-			resetParent(p.childNodes, this);
-			this.childNodes.unshift(...p.childNodes);
+			this.prepend(...p.childNodes);
 		} else if (where === 'beforeend') {
-			p.childNodes.forEach((n) => {
-				this.appendChild(n);
-			});
+			this.append(...p.childNodes);
 		} else if (where === 'beforebegin') {
-			const idx = this.parentNode.childNodes.findIndex((child) => {
-				return child === this;
-			});
-			resetParent(p.childNodes, this.parentNode);
-			this.parentNode.childNodes.splice(idx, 0, ...p.childNodes);
+			this.before(...p.childNodes);
 		} else {
 			throw new Error(
 				`The value provided ('${where as string}') is not one of 'beforebegin', 'afterbegin', 'beforeend', or 'afterend'`
 			);
 		}
 		return this;
-		// if (!where || html === undefined || html === null) {
-		// 	return;
-		// }
+	}
+
+	/** Prepend nodes or strings to this node's children. */
+	public prepend(...insertable: NodeInsertable[]) {
+		const nodes = resolveInsertable(insertable);
+		resetParent(nodes, this);
+		this.childNodes.unshift(...nodes);
+	}
+	/** Append nodes or strings to this node's children. */
+	public append(...insertable: NodeInsertable[]) {
+		const nodes = resolveInsertable(insertable);
+		resetParent(nodes, this);
+		this.childNodes.push(...nodes);
+	}
+	/** Insert nodes or strings before this node. */
+	public before(...insertable: NodeInsertable[]) {
+		const nodes = resolveInsertable(insertable);
+		const siblings = this.parentNode.childNodes;
+		resetParent(nodes, this.parentNode);
+		siblings.splice(siblings.indexOf(this), 0, ...nodes);
+	}
+	/** Insert nodes or strings after this node. */
+	public after(...insertable: NodeInsertable[]) {
+		const nodes = resolveInsertable(insertable);
+		const siblings = this.parentNode.childNodes;
+		resetParent(nodes, this.parentNode);
+		siblings.splice(siblings.indexOf(this) + 1, 0, ...nodes);
 	}
 
 	public get nextSibling(): Node | null {
@@ -909,13 +904,56 @@ export default class HTMLElement extends Node {
 		}
 	}
 
-	public get classNames() {
-		return this.classList.toString();
+	/** Get all childNodes of type {@link HTMLElement}. */
+	public get children(): HTMLElement[] {
+		const children = [];
+		for (const childNode of this.childNodes) {
+			if (childNode instanceof HTMLElement) {
+				children.push(childNode);
+			}
+		}
+		return children;
+	}
+
+	/**
+	 * Get the first child node.
+	 * @return The first child or undefined if none exists.
+	 */
+	public get firstChild(): Node | undefined {
+		return this.childNodes[0];
+	}
+	/**
+	 * Get the first child node of type {@link HTMLElement}.
+	 * @return The first child element or undefined if none exists.
+	 */
+	public get firstElementChild(): HTMLElement | undefined {
+		return this.children[0];
 	}
 
 	/**
-	 * Clone this Node
+	 * Get the last child node.
+	 * @return The last child or undefined if none exists.
 	 */
+	public get lastChild(): Node | undefined {
+		return arr_back(this.childNodes);
+	}
+	/**
+	 * Get the last child node of type {@link HTMLElement}.
+	 * @return The last child element or undefined if none exists.
+	 */
+	public get lastElementChild(): HTMLElement | undefined {
+		return this.children[this.children.length - 1];
+	}
+
+	public get childElementCount(): number {
+		return this.children.length;
+	}
+
+	public get classNames() {
+		return this.classList.toString();
+	}
+
+	/** Clone this Node */
 	public clone() {
 		return parse(this.toString(), this._parseOptions).firstChild;
 	}
@@ -1204,6 +1242,20 @@ export function parse(data: string, options = {} as Partial<Options>) {
 	return root;
 }
 
+/**
+ * Resolves a list of {@link NodeInsertable} to a list of nodes,
+ * and removes nodes from any potential parent.
+ */
+function resolveInsertable(insertable: NodeInsertable[]): Node[] {
+	return insertable.map(val => {
+		if (typeof val === 'string') {
+			return new TextNode(val);
+		}
+		val.remove();
+		return val;
+	});
+}
+
 function resetParent(nodes: Node[], parent: HTMLElement) {
 	return nodes.map((node) => {
 		node.parentNode = parent;
diff --git a/test/tests/html.js b/test/tests/html.js
index 2ccbc04..7a4d0c8 100644
--- a/test/tests/html.js
+++ b/test/tests/html.js
@@ -580,8 +580,92 @@ describe('HTML Parser', function () {
 			});
 		});
 
+		describe('Base insertion operations', () => {
+			describe('#before', () => {
+				it('Should insert multiple nodes in order', () => {
+					const root = parseHTML(`<section><div></div></section>`);
+					root.children[0].before(new HTMLElement('span', {}), new HTMLElement('p', {}));
+					root.childNodes.length.should.eql(3);
+					root.childNodes[0].tagName.should.eql('SPAN');
+					root.childNodes[1].tagName.should.eql('P');
+				});
+				it('Should insert strings as TextNode', () => {
+					const root = parseHTML(`<section><div></div></section>`);
+					root.children[0].before(new HTMLElement('span', {}), 'foobar', new HTMLElement('p', {}));
+					root.childNodes.length.should.eql(4);
+					root.childNodes[1].should.be.an.instanceof(TextNode);
+					root.childNodes[1].text.should.eql('foobar');
+				});
+				it('Should set the parent correctly', () => {
+					const root = parseHTML(`<section><div></div></section>`);
+					root.firstElementChild.before('foobar');
+					root.firstElementChild.parentNode.should.eql(root);
+				});
+				it('Should be removed from previous trees', () => {
+					const root1 = parseHTML(`<section><div></div></section>`);
+					const root2 = parseHTML(`<section><div></div></section>`);
+					const section1 = root1.firstElementChild;
+					const section2 = root2.firstElementChild;
+					const div1 = section1.firstElementChild;
+					section2.before(div1);
+					section1.childNodes.length.should.eql(0);
+					root2.childNodes.length.should.eql(2);
+					div1.parentNode.should.eql(root2);
+				});
+			});
+			describe('#after', () => {
+				it('Should insert multiple nodes in order', () => {
+					const root = parseHTML(`<section><div></div></section>`);
+					root.children[0].after(new HTMLElement('span', {}), 'foobar', new HTMLElement('p', {}));
+					root.childNodes.length.should.eql(4);
+					root.childNodes[1].tagName.should.eql('SPAN');
+					root.childNodes[2].should.be.an.instanceof(TextNode);
+					root.childNodes[3].tagName.should.eql('P');
+				});
+				it('Should set the parent correctly', () => {
+					const root = parseHTML(`<section><div></div></section>`);
+					root.firstElementChild.after('foobar');
+					root.lastElementChild.parentNode.should.eql(root);
+				});
+			});
+			describe('#prepend', () => {
+				it('Should insert multiple nodes in order', () => {
+					const root = parseHTML(`<section><div></div><div></div></section>`);
+					const section = root.firstElementChild;
+					section.prepend(new HTMLElement('span', {}), 'foobar', new HTMLElement('p', {}));
+					section.childNodes.length.should.eql(5);
+					section.childNodes[0].tagName.should.eql('SPAN');
+					section.childNodes[1].should.be.an.instanceof(TextNode);
+					section.childNodes[2].tagName.should.eql('P');
+				});
+				it('Should set the parent correctly', () => {
+					const root = parseHTML(`<section></section>`);
+					const section = root.firstElementChild;
+					section.prepend('foobar');
+					section.childNodes[0].parentNode.should.eql(section);
+				});
+			});
+			describe('#append', () => {
+				it('Should insert multiple nodes in order', () => {
+					const root = parseHTML(`<section><div></div><div></div></section>`);
+					const section = root.firstElementChild;
+					section.append(new HTMLElement('span', {}), 'foobar', new HTMLElement('p', {}));
+					section.childNodes.length.should.eql(5);
+					section.childNodes[2].tagName.should.eql('SPAN');
+					section.childNodes[3].should.be.an.instanceof(TextNode);
+					section.childNodes[4].tagName.should.eql('P');
+				});
+				it('Should set the parent correctly', () => {
+					const root = parseHTML(`<section></section>`);
+					const section = root.firstElementChild;
+					section.append('foobar');
+					section.childNodes[0].parentNode.should.eql(section);
+				});
+			});
+		});
+
 		describe('#removeChild', function () {
-			it('shoud remove child node', function () {
+			it('should remove child node', function () {
 				const html = '<a><b></b></a>';
 				const root = parseHTML(html);
 				const a = root.firstChild;
@@ -590,7 +674,7 @@ describe('HTML Parser', function () {
 				a.removeChild(b);
 				a.childNodes.length.should.eql(0);
 			});
-			it('shoud not remove child node which does not exist', function () {
+			it('should not remove child node which does not exist', function () {
 				const html = '<a><b><c></c></b></a>';
 				const root = parseHTML(html);
 				const a = root.firstChild;
@@ -632,12 +716,12 @@ describe('HTML Parser', function () {
 				const root = parseHTML(`
 					<section>
 						<div data-ignore="true"></div>
-	
+
 						<div id="suit" data-ignore="true">
 							<div data-ignore="false"></div>
 							<div data-ignore="false"></div>
 						</div>
-	
+
 						<div data-ignore="true"></div>
 					</section>
 				`);
@@ -686,6 +770,25 @@ describe('HTML Parser', function () {
 				root.getElementsByTagName('div').length.should.eql(2);
 			});
 		});
+
+		describe('#children', () => {
+			const root = parseHTML(`
+				<div></div>
+				Text
+				<div></div>
+				foobar
+				baz
+				<div></div>
+			`);
+			it('All children are `HTMLElement`', () => {
+				root.children.forEach(child => {
+					child.should.be.an.instanceof(HTMLElement);
+				});
+			});
+			it('Correct length', () => {
+				root.children.length.should.eql(3);
+			});
+		});
 	});
 
 	describe('stringify', function () {