happy-dom 10.10.4 → 10.11.0

package/src/nodes/document/Document.ts

@@ -60,12 +60,12 @@ export default class Document extends Node implements IDocument {
 	public nodeType = Node.DOCUMENT_NODE;
 	public adoptedStyleSheets: CSSStyleSheet[] = [];
 	public implementation: DOMImplementation;
-	public readonly children: IHTMLCollection<IElement> = new HTMLCollection<IElement>();
 	public readonly readyState = DocumentReadyStateEnum.interactive;
 	public readonly isConnected: boolean = true;
 	public readonly defaultView: IWindow;
 	public readonly _windowClass: {} | null = null;
 	public readonly _readyStateManager: DocumentReadyStateManager;
+	public readonly _children: IHTMLCollection<IElement> = new HTMLCollection<IElement>();
 	public _activeElement: IHTMLElement = null;
 
 	// Used as an unique identifier which is updated whenever the DOM gets modified.
@@ -215,6 +215,13 @@ export default class Document extends Node implements IDocument {
 		documentElement.appendChild(bodyElement);
 	}
 
+	/**
+	 * Returns document children.
+	 */
+	public get children(): IHTMLCollection<IElement> {
+		return this._children;
+	}
+
 	/**
 	 * Returns character set.
 	 *
@@ -276,7 +283,7 @@ export default class Document extends Node implements IDocument {
 	 * @returns Element.
 	 */
 	public get childElementCount(): number {
-		return this.children.length;
+		return this._children.length;
 	}
 
 	/**
@@ -285,7 +292,7 @@ export default class Document extends Node implements IDocument {
 	 * @returns Element.
 	 */
 	public get firstElementChild(): IElement {
-		return this.children ? this.children[0] || null : null;
+		return this._children[0] ?? null;
 	}
 
 	/**
@@ -294,7 +301,7 @@ export default class Document extends Node implements IDocument {
 	 * @returns Element.
 	 */
 	public get lastElementChild(): IElement {
-		return this.children ? this.children[this.children.length - 1] || null : null;
+		return this._children[this._children.length - 1] ?? null;
 	}
 
 	/**
@@ -339,7 +346,7 @@ export default class Document extends Node implements IDocument {
 	 * @returns Document type.
 	 */
 	public get doctype(): IDocumentType {
-		for (const node of this.childNodes) {
+		for (const node of this._childNodes) {
 			if (node instanceof DocumentType) {
 				return node;
 			}
@@ -588,22 +595,22 @@ export default class Document extends Node implements IDocument {
 	 * @param name
 	 */
 	public getElementsByName(name: string): INodeList<IElement> {
-		const _getElementsByName = (
-			_parentNode: IElement | IDocumentFragment | IDocument,
-			_name: string
+		const getElementsByName = (
+			parentNode: IElement | IDocumentFragment | IDocument,
+			name: string
 		): INodeList<IElement> => {
 			const matches = new NodeList<IElement>();
-			for (const child of _parentNode.children) {
-				if (child.getAttributeNS(null, 'name') === _name) {
+			for (const child of (<Element | Document>parentNode)._children) {
+				if (child.getAttributeNS(null, 'name') === name) {
 					matches.push(child);
 				}
-				for (const match of _getElementsByName(<IElement>child, _name)) {
+				for (const match of getElementsByName(<IElement>child, name)) {
 					matches.push(match);
 				}
 			}
 			return matches;
 		};
-		return _getElementsByName(this, name);
+		return getElementsByName(this, name);
 	}
 
 	/**
@@ -619,9 +626,9 @@ export default class Document extends Node implements IDocument {
 		const clone = <Document>super.cloneNode(deep);
 
 		if (deep) {
-			for (const node of clone.childNodes) {
+			for (const node of clone._childNodes) {
 				if (node.nodeType === Node.ELEMENT_NODE) {
-					clone.children.push(<IElement>node);
+					clone._children.push(<IElement>node);
 				}
 			}
 		}
@@ -665,7 +672,7 @@ export default class Document extends Node implements IDocument {
 	 * @param html HTML.
 	 */
 	public write(html: string): void {
-		const root = XMLParser.parse(this, html, { evaluateScripts: true });
+		const root = <DocumentFragment>XMLParser.parse(this, html, { evaluateScripts: true });
 
 		if (this._isFirstWrite || this._isFirstWriteAfterOpen) {
 			if (this._isFirstWrite) {
@@ -680,7 +687,7 @@ export default class Document extends Node implements IDocument {
 			let documentElement = null;
 			let documentTypeNode = null;
 
-			for (const node of root.childNodes) {
+			for (const node of root._childNodes) {
 				if (node['tagName'] === 'HTML') {
 					documentElement = node;
 				} else if (node.nodeType === NodeTypeEnum.documentTypeNode) {
@@ -700,10 +707,10 @@ export default class Document extends Node implements IDocument {
 
 					this.appendChild(documentElement);
 				} else {
-					const rootBody = ParentNodeUtility.getElementByTagName(root, 'body');
+					const rootBody = <Element>ParentNodeUtility.getElementByTagName(root, 'body');
 					const body = ParentNodeUtility.getElementByTagName(this, 'body');
 					if (rootBody && body) {
-						for (const child of rootBody.childNodes.slice()) {
+						for (const child of rootBody._childNodes.slice()) {
 							body.appendChild(child);
 						}
 					}
@@ -712,7 +719,7 @@ export default class Document extends Node implements IDocument {
 				// Remaining nodes outside the <html> element are added to the <body> element.
 				const body = ParentNodeUtility.getElementByTagName(this, 'body');
 				if (body) {
-					for (const child of root.childNodes.slice()) {
+					for (const child of root._childNodes.slice()) {
 						if (child['tagName'] !== 'HTML' && child.nodeType !== NodeTypeEnum.documentTypeNode) {
 							body.appendChild(child);
 						}
@@ -723,7 +730,7 @@ export default class Document extends Node implements IDocument {
 				const bodyElement = this.createElement('body');
 				const headElement = this.createElement('head');
 
-				for (const child of root.childNodes.slice()) {
+				for (const child of root._childNodes.slice()) {
 					bodyElement.appendChild(child);
 				}
 
@@ -735,7 +742,7 @@ export default class Document extends Node implements IDocument {
 		} else {
 			const bodyNode = ParentNodeUtility.getElementByTagName(root, 'body');
 			const body = ParentNodeUtility.getElementByTagName(this, 'body');
-			for (const child of (bodyNode || root).childNodes.slice()) {
+			for (const child of (<Element>(bodyNode || root))._childNodes.slice()) {
 				body.appendChild(child);
 			}
 		}
@@ -758,7 +765,7 @@ export default class Document extends Node implements IDocument {
 			}
 		}
 
-		for (const child of this.childNodes.slice()) {
+		for (const child of this._childNodes.slice()) {
 			this.removeChild(child);
 		}
 

package/src/nodes/document-fragment/DocumentFragment.ts

@@ -14,16 +14,23 @@ import INodeList from '../node/INodeList.js';
  */
 export default class DocumentFragment extends Node implements IDocumentFragment {
 	public nodeType = Node.DOCUMENT_FRAGMENT_NODE;
-	public readonly children: IHTMLCollection<IElement> = new HTMLCollection();
+	public readonly _children: IHTMLCollection<IElement> = new HTMLCollection();
 	public _rootNode: INode = this;
 
+	/**
+	 * Returns the document fragment children.
+	 */
+	public get children(): IHTMLCollection<IElement> {
+		return this._children;
+	}
+
 	/**
 	 * Last element child.
 	 *
 	 * @returns Element.
 	 */
 	public get childElementCount(): number {
-		return this.children.length;
+		return this._children.length;
 	}
 
 	/**
@@ -32,7 +39,7 @@ export default class DocumentFragment extends Node implements IDocumentFragment
 	 * @returns Element.
 	 */
 	public get firstElementChild(): IElement {
-		return this.children ? this.children[0] || null : null;
+		return this._children[0] ?? null;
 	}
 
 	/**
@@ -41,7 +48,7 @@ export default class DocumentFragment extends Node implements IDocumentFragment
 	 * @returns Element.
 	 */
 	public get lastElementChild(): IElement {
-		return this.children ? this.children[this.children.length - 1] || null : null;
+		return this._children[this._children.length - 1] ?? null;
 	}
 
 	/**
@@ -51,7 +58,7 @@ export default class DocumentFragment extends Node implements IDocumentFragment
 	 */
 	public get textContent(): string {
 		let result = '';
-		for (const childNode of this.childNodes) {
+		for (const childNode of this._childNodes) {
 			if (childNode.nodeType === Node.ELEMENT_NODE || childNode.nodeType === Node.TEXT_NODE) {
 				result += childNode.textContent;
 			}
@@ -65,7 +72,7 @@ export default class DocumentFragment extends Node implements IDocumentFragment
 	 * @param textContent Text content.
 	 */
 	public set textContent(textContent: string) {
-		for (const child of this.childNodes.slice()) {
+		for (const child of this._childNodes.slice()) {
 			this.removeChild(child);
 		}
 		if (textContent) {
@@ -138,12 +145,12 @@ export default class DocumentFragment extends Node implements IDocumentFragment
 	 * @returns Cloned node.
 	 */
 	public cloneNode(deep = false): IDocumentFragment {
-		const clone = <IDocumentFragment>super.cloneNode(deep);
+		const clone = <DocumentFragment>super.cloneNode(deep);
 
 		if (deep) {
-			for (const node of clone.childNodes) {
+			for (const node of clone._childNodes) {
 				if (node.nodeType === Node.ELEMENT_NODE) {
-					clone.children.push(<IElement>node);
+					clone._children.push(<IElement>node);
 				}
 			}
 		}

package/src/nodes/element/Element.ts

@@ -29,6 +29,7 @@ import ElementUtility from './ElementUtility.js';
 import HTMLCollection from './HTMLCollection.js';
 import EventPhaseEnum from '../../event/EventPhaseEnum.js';
 import CSSStyleDeclaration from '../../css/declaration/CSSStyleDeclaration.js';
+import DocumentFragment from '../document-fragment/DocumentFragment.js';
 import ElementNamedNodeMap from './ElementNamedNodeMap.js';
 
 /**
@@ -47,7 +48,6 @@ export default class Element extends Node implements IElement {
 	public scrollHeight = 0;
 	public scrollTop = 0;
 	public scrollLeft = 0;
-	public children: IHTMLCollection<IElement> = new HTMLCollection<IElement>();
 	public readonly namespaceURI: string = null;
 
 	// Events
@@ -86,6 +86,8 @@ export default class Element extends Node implements IElement {
 	public ontouchmove: (event: Event) => void | null = null;
 	public ontouchstart: (event: Event) => void | null = null;
 
+	public readonly _children: IHTMLCollection<IElement> = new HTMLCollection<IElement>();
+
 	// Used for being able to access closed shadow roots
 	public _shadowRoot: IShadowRoot = null;
 	public readonly attributes: INamedNodeMap = new ElementNamedNodeMap(this);
@@ -94,6 +96,13 @@ export default class Element extends Node implements IElement {
 	public _isValue?: string | null = null;
 	public _computedStyle: CSSStyleDeclaration | null = null;
 
+	/**
+	 * Returns element children.
+	 */
+	public get children(): IHTMLCollection<IElement> {
+		return this._children;
+	}
+
 	/**
 	 * Returns class list.
 	 *
@@ -203,7 +212,7 @@ export default class Element extends Node implements IElement {
 	 */
 	public get textContent(): string {
 		let result = '';
-		for (const childNode of this.childNodes) {
+		for (const childNode of this._childNodes) {
 			if (childNode.nodeType === Node.ELEMENT_NODE || childNode.nodeType === Node.TEXT_NODE) {
 				result += childNode.textContent;
 			}
@@ -217,7 +226,7 @@ export default class Element extends Node implements IElement {
 	 * @param textContent Text content.
 	 */
 	public set textContent(textContent: string) {
-		for (const child of this.childNodes.slice()) {
+		for (const child of this._childNodes.slice()) {
 			this.removeChild(child);
 		}
 		if (textContent) {
@@ -240,7 +249,7 @@ export default class Element extends Node implements IElement {
 	 * @param html HTML.
 	 */
 	public set innerHTML(html: string) {
-		for (const child of this.childNodes.slice()) {
+		for (const child of this._childNodes.slice()) {
 			this.removeChild(child);
 		}
 
@@ -271,7 +280,7 @@ export default class Element extends Node implements IElement {
 	 * @returns Element.
 	 */
 	public get firstElementChild(): IElement {
-		return this.children ? this.children[0] || null : null;
+		return this._children[0] ?? null;
 	}
 
 	/**
@@ -280,7 +289,7 @@ export default class Element extends Node implements IElement {
 	 * @returns Element.
 	 */
 	public get lastElementChild(): IElement {
-		return this.children ? this.children[this.children.length - 1] || null : null;
+		return this._children[this._children.length - 1] ?? null;
 	}
 
 	/**
@@ -289,7 +298,7 @@ export default class Element extends Node implements IElement {
 	 * @returns Element.
 	 */
 	public get childElementCount(): number {
-		return this.children.length;
+		return this._children.length;
 	}
 
 	/**
@@ -336,7 +345,7 @@ export default class Element extends Node implements IElement {
 			escapeEntities: false
 		});
 		let xml = '';
-		for (const node of this.childNodes) {
+		for (const node of this._childNodes) {
 			xml += xmlSerializer.serializeToString(node);
 		}
 		return xml;
@@ -350,7 +359,7 @@ export default class Element extends Node implements IElement {
 	 * @returns Cloned node.
 	 */
 	public cloneNode(deep = false): IElement {
-		const clone = <Element | IElement>super.cloneNode(deep);
+		const clone = <Element>super.cloneNode(deep);
 
 		Attr._ownerDocument = this.ownerDocument;
 
@@ -360,9 +369,9 @@ export default class Element extends Node implements IElement {
 		}
 
 		if (deep) {
-			for (const node of clone.childNodes) {
+			for (const node of clone._childNodes) {
 				if (node.nodeType === Node.ELEMENT_NODE) {
-					clone.children.push(<IElement>node);
+					clone._children.push(<IElement>node);
 				}
 			}
 		}
@@ -503,7 +512,9 @@ export default class Element extends Node implements IElement {
 	 * @param text HTML string to insert.
 	 */
 	public insertAdjacentHTML(position: TInsertAdjacentPositions, text: string): void {
-		for (const node of XMLParser.parse(this.ownerDocument, text).childNodes.slice()) {
+		for (const node of (<DocumentFragment>(
+			XMLParser.parse(this.ownerDocument, text)
+		))._childNodes.slice()) {
 			this.insertAdjacentElement(position, node);
 		}
 	}

package/src/nodes/element/ElementNamedNodeMap.ts

@@ -66,17 +66,17 @@ export default class ElementNamedNodeMap extends NamedNodeMap {
 		if (item.name === 'id' || item.name === 'name') {
 			if (
 				this._ownerElement.parentNode &&
-				(<IElement>this._ownerElement.parentNode).children &&
+				(<Element>this._ownerElement.parentNode)._children &&
 				item.value !== oldValue
 			) {
 				if (oldValue) {
 					(<HTMLCollection<IElement>>(
-						(<IElement>this._ownerElement.parentNode).children
+						(<Element>this._ownerElement.parentNode)._children
 					))._removeNamedItem(this._ownerElement, oldValue);
 				}
 				if (item.value) {
 					(<HTMLCollection<IElement>>(
-						(<IElement>this._ownerElement.parentNode).children
+						(<Element>this._ownerElement.parentNode)._children
 					))._appendNamedItem(this._ownerElement, item.value);
 				}
 			}
@@ -132,11 +132,11 @@ export default class ElementNamedNodeMap extends NamedNodeMap {
 		if (removedItem.name === 'id' || removedItem.name === 'name') {
 			if (
 				this._ownerElement.parentNode &&
-				(<IElement>this._ownerElement.parentNode).children &&
+				(<Element>this._ownerElement.parentNode)._children &&
 				removedItem.value
 			) {
 				(<HTMLCollection<IElement>>(
-					(<IElement>this._ownerElement.parentNode).children
+					(<Element>this._ownerElement.parentNode)._children
 				))._removeNamedItem(this._ownerElement, removedItem.value);
 			}
 		}

package/src/nodes/element/ElementUtility.ts

@@ -40,34 +40,35 @@ export default class ElementUtility {
 					DOMExceptionNameEnum.domException
 				);
 			}
+			if (node.parentNode) {
+				const parentNodeChildren = <HTMLCollection<IHTMLElement>>(
+					(<Element>node.parentNode)._children
+				);
 
-			if (node.parentNode && (<IHTMLElement>node.parentNode).children) {
-				const index = (<IHTMLElement>node.parentNode).children.indexOf(<IHTMLElement>node);
-				if (index !== -1) {
-					for (const attributeName of NAMED_ITEM_ATTRIBUTES) {
-						const attribute = (<Element>node).attributes.getNamedItem(attributeName);
-						if (attribute) {
-							(<HTMLCollection<IHTMLElement>>(<IElement>node.parentNode).children)._removeNamedItem(
-								<IHTMLElement>node,
-								attribute.value
-							);
+				if (parentNodeChildren) {
+					const index = parentNodeChildren.indexOf(<IHTMLElement>node);
+					if (index !== -1) {
+						for (const attributeName of NAMED_ITEM_ATTRIBUTES) {
+							const attribute = (<Element>node).attributes.getNamedItem(attributeName);
+							if (attribute) {
+								parentNodeChildren._removeNamedItem(<IHTMLElement>node, attribute.value);
+							}
 						}
+
+						parentNodeChildren.splice(index, 1);
 					}
-					(<IHTMLElement>node.parentNode).children.splice(index, 1);
 				}
 			}
+			const ancestorNodeChildren = <HTMLCollection<IHTMLElement>>(<Element>ancestorNode)._children;
 
 			for (const attributeName of NAMED_ITEM_ATTRIBUTES) {
 				const attribute = (<Element>node).attributes.getNamedItem(attributeName);
 				if (attribute) {
-					(<HTMLCollection<IHTMLElement>>ancestorNode.children)._appendNamedItem(
-						<IHTMLElement>node,
-						attribute.value
-					);
+					ancestorNodeChildren._appendNamedItem(<IHTMLElement>node, attribute.value);
 				}
 			}
 
-			ancestorNode.children.push(<IElement>node);
+			ancestorNodeChildren.push(<IElement>node);
 
 			NodeUtility.appendChild(ancestorNode, node, { disableAncestorValidation: true });
 		} else {
@@ -89,18 +90,16 @@ export default class ElementUtility {
 		node: INode
 	): INode {
 		if (node.nodeType === NodeTypeEnum.elementNode) {
-			const index = ancestorNode.children.indexOf(<IElement>node);
+			const ancestorNodeChildren = <HTMLCollection<IHTMLElement>>(<Element>ancestorNode)._children;
+			const index = ancestorNodeChildren.indexOf(<IElement>node);
 			if (index !== -1) {
 				for (const attributeName of NAMED_ITEM_ATTRIBUTES) {
 					const attribute = (<Element>node).attributes.getNamedItem(attributeName);
 					if (attribute) {
-						(<HTMLCollection<IHTMLElement>>ancestorNode.children)._removeNamedItem(
-							<IHTMLElement>node,
-							attribute.value
-						);
+						ancestorNodeChildren._removeNamedItem(<IHTMLElement>node, attribute.value);
 					}
 				}
-				ancestorNode.children.splice(index, 1);
+				ancestorNodeChildren.splice(index, 1);
 			}
 		}
 
@@ -137,37 +136,42 @@ export default class ElementUtility {
 					DOMExceptionNameEnum.domException
 				);
 			}
+			if (newNode.parentNode) {
+				const parentNodeChildren = <HTMLCollection<IHTMLElement>>(
+					(<Element>newNode.parentNode)._children
+				);
 
-			if (newNode.parentNode && (<IHTMLElement>newNode.parentNode).children) {
-				const index = (<IHTMLElement>newNode.parentNode).children.indexOf(<IHTMLElement>newNode);
-				if (index !== -1) {
-					for (const attributeName of NAMED_ITEM_ATTRIBUTES) {
-						const attribute = (<Element>newNode).attributes.getNamedItem(attributeName);
-						if (attribute) {
-							(<HTMLCollection<IHTMLElement>>(
-								(<IElement>newNode.parentNode).children
-							))._removeNamedItem(<IHTMLElement>newNode, attribute.value);
+				if (parentNodeChildren) {
+					const index = parentNodeChildren.indexOf(<IHTMLElement>newNode);
+					if (index !== -1) {
+						for (const attributeName of NAMED_ITEM_ATTRIBUTES) {
+							const attribute = (<Element>newNode).attributes.getNamedItem(attributeName);
+							if (attribute) {
+								parentNodeChildren._removeNamedItem(<IHTMLElement>newNode, attribute.value);
+							}
 						}
-					}
 
-					(<IElement>newNode.parentNode).children.splice(index, 1);
+						parentNodeChildren.splice(index, 1);
+					}
 				}
 			}
 
+			const ancestorNodeChildren = <HTMLCollection<IHTMLElement>>(<Element>ancestorNode)._children;
+
 			if (referenceNode.nodeType === NodeTypeEnum.elementNode) {
-				const index = ancestorNode.children.indexOf(<IElement>referenceNode);
+				const index = ancestorNodeChildren.indexOf(<IElement>referenceNode);
 				if (index !== -1) {
-					ancestorNode.children.splice(index, 0, <IElement>newNode);
+					ancestorNodeChildren.splice(index, 0, <IElement>newNode);
 				}
 			} else {
-				ancestorNode.children.length = 0;
+				ancestorNodeChildren.length = 0;
 
-				for (const node of ancestorNode.childNodes) {
+				for (const node of (<Element>ancestorNode)._childNodes) {
 					if (node === referenceNode) {
-						ancestorNode.children.push(<IElement>newNode);
+						ancestorNodeChildren.push(<IElement>newNode);
 					}
 					if (node.nodeType === NodeTypeEnum.elementNode) {
-						ancestorNode.children.push(<IElement>node);
+						ancestorNodeChildren.push(<IElement>node);
 					}
 				}
 			}
@@ -175,10 +179,7 @@ export default class ElementUtility {
 			for (const attributeName of NAMED_ITEM_ATTRIBUTES) {
 				const attribute = (<Element>newNode).attributes.getNamedItem(attributeName);
 				if (attribute) {
-					(<HTMLCollection<IHTMLElement>>ancestorNode.children)._appendNamedItem(
-						<IHTMLElement>newNode,
-						attribute.value
-					);
+					ancestorNodeChildren._appendNamedItem(<IHTMLElement>newNode, attribute.value);
 				}
 			}
 

package/src/nodes/html-element/HTMLElement.ts

@@ -95,7 +95,7 @@ export default class HTMLElement extends Element implements IHTMLElement {
 
 		let result = '';
 
-		for (const childNode of this.childNodes) {
+		for (const childNode of this._childNodes) {
 			if (childNode.nodeType === NodeTypeEnum.elementNode) {
 				const childElement = <IHTMLElement>childNode;
 				const computedStyle = this.ownerDocument.defaultView.getComputedStyle(childElement);
@@ -141,7 +141,7 @@ export default class HTMLElement extends Element implements IHTMLElement {
 	 * @param innerText Inner text.
 	 */
 	public set innerText(text: string) {
-		for (const child of this.childNodes.slice()) {
+		for (const child of this._childNodes.slice()) {
 			this.removeChild(child);
 		}
 

package/src/nodes/html-slot-element/HTMLSlotElement.ts

@@ -62,7 +62,7 @@ export default class HTMLSlotElement extends HTMLElement implements IHTMLSlotEle
 				return this.assignedElements(options);
 			}
 
-			return host.childNodes.slice();
+			return (<HTMLElement>host)._childNodes.slice();
 		}
 
 		return [];
@@ -86,7 +86,7 @@ export default class HTMLSlotElement extends HTMLElement implements IHTMLSlotEle
 			if (name) {
 				const assignedElements = [];
 
-				for (const child of host.children) {
+				for (const child of (<HTMLElement>host)._children) {
 					if (child.slot === name) {
 						assignedElements.push(child);
 					}
@@ -95,7 +95,7 @@ export default class HTMLSlotElement extends HTMLElement implements IHTMLSlotEle
 				return assignedElements;
 			}
 
-			return host.children.slice();
+			return (<HTMLElement>host)._children.slice();
 		}
 
 		return [];

package/src/nodes/html-template-element/HTMLTemplateElement.ts

@@ -4,6 +4,7 @@ import INode from '../node/INode.js';
 import IHTMLTemplateElement from './IHTMLTemplateElement.js';
 import XMLSerializer from '../../xml-serializer/XMLSerializer.js';
 import XMLParser from '../../xml-parser/XMLParser.js';
+import DocumentFragment from '../document-fragment/DocumentFragment.js';
 
 /**
  * HTML Template Element.
@@ -25,7 +26,7 @@ export default class HTMLTemplateElement extends HTMLElement implements IHTMLTem
 	 * @override
 	 */
 	public set innerHTML(html: string) {
-		for (const child of this.content.childNodes.slice()) {
+		for (const child of (<DocumentFragment>this.content)._childNodes.slice()) {
 			this.content.removeChild(child);
 		}
 
@@ -55,7 +56,7 @@ export default class HTMLTemplateElement extends HTMLElement implements IHTMLTem
 			escapeEntities: false
 		});
 		let xml = '';
-		for (const node of this.content.childNodes) {
+		for (const node of (<DocumentFragment>this.content)._childNodes) {
 			xml += xmlSerializer.serializeToString(node);
 		}
 		return xml;

package/src/nodes/html-unknown-element/HTMLUnknownElement.ts

@@ -34,8 +34,8 @@ export default class HTMLUnknownElement extends HTMLElement implements IHTMLElem
 				const callback = (): void => {
 					if (this.parentNode) {
 						const newElement = <HTMLElement>this.ownerDocument.createElement(tagName);
-						(<INodeList<INode>>newElement.childNodes) = this.childNodes;
-						(<IHTMLCollection<IElement>>newElement.children) = this.children;
+						(<INodeList<INode>>newElement._childNodes) = this._childNodes;
+						(<IHTMLCollection<IElement>>newElement._children) = this._children;
 						(<boolean>newElement.isConnected) = this.isConnected;
 
 						newElement._rootNode = this._rootNode;
@@ -49,8 +49,8 @@ export default class HTMLUnknownElement extends HTMLElement implements IHTMLElem
 							newElement.attributes.setNamedItem(this.attributes[i]);
 						}
 
-						(<INodeList<INode>>this.childNodes) = new NodeList();
-						(<IHTMLCollection<IElement>>this.children) = new HTMLCollection();
+						(<INodeList<INode>>this._childNodes) = new NodeList();
+						(<IHTMLCollection<IElement>>this._children) = new HTMLCollection();
 						this._rootNode = null;
 						this._formNode = null;
 						this._selectNode = null;
@@ -59,17 +59,17 @@ export default class HTMLUnknownElement extends HTMLElement implements IHTMLElem
 						this._isValue = null;
 						(<HTMLElementNamedNodeMap>this.attributes) = new HTMLElementNamedNodeMap(this);
 
-						for (let i = 0, max = this.parentNode.childNodes.length; i < max; i++) {
-							if (this.parentNode.childNodes[i] === this) {
-								this.parentNode.childNodes[i] = newElement;
+						for (let i = 0, max = (<HTMLElement>this.parentNode)._childNodes.length; i < max; i++) {
+							if ((<HTMLElement>this.parentNode)._childNodes[i] === this) {
+								(<HTMLElement>this.parentNode)._childNodes[i] = newElement;
 								break;
 							}
 						}
 
-						if ((<IElement>this.parentNode).children) {
-							for (let i = 0, max = (<IElement>this.parentNode).children.length; i < max; i++) {
-								if ((<IElement>this.parentNode).children[i] === this) {
-									(<IElement>this.parentNode).children[i] = newElement;
+						if ((<HTMLElement>this.parentNode)._children) {
+							for (let i = 0, max = (<HTMLElement>this.parentNode)._children.length; i < max; i++) {
+								if ((<HTMLElement>this.parentNode)._children[i] === this) {
+									(<HTMLElement>this.parentNode)._children[i] = newElement;
 									break;
 								}
 							}