happy-dom 12.10.2 → 13.0.0

package/src/nodes/node/Node.ts

@@ -1,4 +1,5 @@
 import EventTarget from '../../event/EventTarget.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 import MutationListener from '../../mutation-observer/MutationListener.js';
 import INode from './INode.js';
 import IDocument from '../document/IDocument.js';
@@ -10,13 +11,14 @@ import NodeUtility from './NodeUtility.js';
 import IAttr from '../attr/IAttr.js';
 import NodeList from './NodeList.js';
 import INodeList from './INodeList.js';
+import NodeCreationOwnerDocument from '../document/NodeCreationOwnerDocument.js';
 
 /**
  * Node.
  */
 export default class Node extends EventTarget implements INode {
-	// Owner document is set when the Node is created by the Document
-	public static _ownerDocument: IDocument = null;
+	// Can be set before the Node is created.
+	public static [PropertySymbol.ownerDocument]: IDocument | null = null;
 
 	// Public properties
 	public static readonly ELEMENT_NODE = NodeTypeEnum.elementNode;
@@ -51,25 +53,32 @@ export default class Node extends EventTarget implements INode {
 	public readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC =
 		NodeDocumentPositionEnum.implementationSpecific;
 	public readonly DOCUMENT_POSITION_PRECEDING = NodeDocumentPositionEnum.preceding;
-	public readonly ownerDocument: IDocument = null;
 	public readonly parentNode: INode = null;
 	public readonly nodeType: number;
 	public readonly isConnected: boolean = false;
+	public readonly ownerDocument: IDocument = null;
 
-	// Custom Properties (not part of HTML standard)
-	public _rootNode: INode = null;
-	public _formNode: INode = null;
-	public _selectNode: INode = null;
-	public _textAreaNode: INode = null;
-	public _observers: MutationListener[] = [];
-	public readonly _childNodes: INodeList<INode> = new NodeList<INode>();
+	// Internal properties
+	public [PropertySymbol.rootNode]: INode = null;
+	public [PropertySymbol.formNode]: INode = null;
+	public [PropertySymbol.selectNode]: INode = null;
+	public [PropertySymbol.textAreaNode]: INode = null;
+	public [PropertySymbol.observers]: MutationListener[] = [];
+	public [PropertySymbol.childNodes]: INodeList<INode> = new NodeList<INode>();
 
 	/**
 	 * Constructor.
 	 */
 	constructor() {
 		super();
-		this.ownerDocument = (<typeof Node>this.constructor)._ownerDocument;
+		if (
+			NodeCreationOwnerDocument.ownerDocument ||
+			(<typeof Node>this.constructor)[PropertySymbol.ownerDocument]
+		) {
+			this.ownerDocument =
+				NodeCreationOwnerDocument.ownerDocument ||
+				(<typeof Node>this.constructor)[PropertySymbol.ownerDocument];
+		}
 	}
 
 	/**
@@ -87,7 +96,7 @@ export default class Node extends EventTarget implements INode {
 	 * @returns Child nodes list.
 	 */
 	public get childNodes(): INodeList<INode> {
-		return this._childNodes;
+		return this[PropertySymbol.childNodes];
 	}
 
 	/**
@@ -142,9 +151,9 @@ export default class Node extends EventTarget implements INode {
 	 */
 	public get previousSibling(): INode {
 		if (this.parentNode) {
-			const index = (<Node>this.parentNode)._childNodes.indexOf(this);
+			const index = (<Node>this.parentNode)[PropertySymbol.childNodes].indexOf(this);
 			if (index > 0) {
-				return (<Node>this.parentNode)._childNodes[index - 1];
+				return (<Node>this.parentNode)[PropertySymbol.childNodes][index - 1];
 			}
 		}
 		return null;
@@ -157,9 +166,9 @@ export default class Node extends EventTarget implements INode {
 	 */
 	public get nextSibling(): INode {
 		if (this.parentNode) {
-			const index = (<Node>this.parentNode)._childNodes.indexOf(this);
-			if (index > -1 && index + 1 < (<Node>this.parentNode)._childNodes.length) {
-				return (<Node>this.parentNode)._childNodes[index + 1];
+			const index = (<Node>this.parentNode)[PropertySymbol.childNodes].indexOf(this);
+			if (index > -1 && index + 1 < (<Node>this.parentNode)[PropertySymbol.childNodes].length) {
+				return (<Node>this.parentNode)[PropertySymbol.childNodes][index + 1];
 			}
 		}
 		return null;
@@ -171,8 +180,8 @@ export default class Node extends EventTarget implements INode {
 	 * @returns Node.
 	 */
 	public get firstChild(): INode {
-		if (this._childNodes.length > 0) {
-			return this._childNodes[0];
+		if (this[PropertySymbol.childNodes].length > 0) {
+			return this[PropertySymbol.childNodes][0];
 		}
 		return null;
 	}
@@ -183,8 +192,8 @@ export default class Node extends EventTarget implements INode {
 	 * @returns Node.
 	 */
 	public get lastChild(): INode {
-		if (this._childNodes.length > 0) {
-			return this._childNodes[this._childNodes.length - 1];
+		if (this[PropertySymbol.childNodes].length > 0) {
+			return this[PropertySymbol.childNodes][this[PropertySymbol.childNodes].length - 1];
 		}
 		return null;
 	}
@@ -212,7 +221,7 @@ export default class Node extends EventTarget implements INode {
 		if (base) {
 			return base.href;
 		}
-		return this.ownerDocument.defaultView.location.href;
+		return this.ownerDocument[PropertySymbol.defaultView].location.href;
 	}
 
 	/**
@@ -231,7 +240,7 @@ export default class Node extends EventTarget implements INode {
 	 * @returns "true" if the node has child nodes.
 	 */
 	public hasChildNodes(): boolean {
-		return this._childNodes.length > 0;
+		return this[PropertySymbol.childNodes].length > 0;
 	}
 
 	/**
@@ -256,8 +265,8 @@ export default class Node extends EventTarget implements INode {
 			return this;
 		}
 
-		if (this._rootNode && !options?.composed) {
-			return this._rootNode;
+		if (this[PropertySymbol.rootNode] && !options?.composed) {
+			return this[PropertySymbol.rootNode];
 		}
 
 		return this.ownerDocument;
@@ -270,25 +279,25 @@ export default class Node extends EventTarget implements INode {
 	 * @returns Cloned node.
 	 */
 	public cloneNode(deep = false): INode {
+		NodeCreationOwnerDocument.ownerDocument = this.ownerDocument;
 		const clone = new (<typeof Node>this.constructor)();
+		NodeCreationOwnerDocument.ownerDocument = null;
 
 		// Document has childNodes directly when it is created
-		if (clone._childNodes.length) {
-			for (const node of clone._childNodes.slice()) {
+		if (clone[PropertySymbol.childNodes].length) {
+			for (const node of clone[PropertySymbol.childNodes].slice()) {
 				node.parentNode.removeChild(node);
 			}
 		}
 
 		if (deep) {
-			for (const childNode of this._childNodes) {
+			for (const childNode of this[PropertySymbol.childNodes]) {
 				const childClone = childNode.cloneNode(true);
 				(<Node>childClone.parentNode) = clone;
-				clone._childNodes.push(childClone);
+				clone[PropertySymbol.childNodes].push(childClone);
 			}
 		}
 
-		(<IDocument>clone.ownerDocument) = this.ownerDocument;
-
 		return clone;
 	}
 
@@ -357,11 +366,11 @@ export default class Node extends EventTarget implements INode {
 	 *
 	 * @param listener Listener.
 	 */
-	public _observe(listener: MutationListener): void {
-		this._observers.push(listener);
+	public [PropertySymbol.observe](listener: MutationListener): void {
+		this[PropertySymbol.observers].push(listener);
 		if (listener.options.subtree) {
-			for (const node of this._childNodes) {
-				(<Node>node)._observe(listener);
+			for (const node of this[PropertySymbol.childNodes]) {
+				(<Node>node)[PropertySymbol.observe](listener);
 			}
 		}
 	}
@@ -372,14 +381,14 @@ export default class Node extends EventTarget implements INode {
 	 *
 	 * @param listener Listener.
 	 */
-	public _unobserve(listener: MutationListener): void {
-		const index = this._observers.indexOf(listener);
+	public [PropertySymbol.unobserve](listener: MutationListener): void {
+		const index = this[PropertySymbol.observers].indexOf(listener);
 		if (index !== -1) {
-			this._observers.splice(index, 1);
+			this[PropertySymbol.observers].splice(index, 1);
 		}
 		if (listener.options.subtree) {
-			for (const node of this._childNodes) {
-				(<Node>node)._unobserve(listener);
+			for (const node of this[PropertySymbol.childNodes]) {
+				(<Node>node)[PropertySymbol.unobserve](listener);
 			}
 		}
 	}
@@ -389,26 +398,33 @@ export default class Node extends EventTarget implements INode {
 	 *
 	 * @param parentNode Parent node.
 	 */
-	public _connectToNode(parentNode: INode = null): void {
+	public [PropertySymbol.connectToNode](parentNode: INode = null): void {
 		const isConnected = !!parentNode && parentNode.isConnected;
-		const formNode = (<Node>this)._formNode;
-		const selectNode = (<Node>this)._selectNode;
-		const textAreaNode = (<Node>this)._textAreaNode;
+		const formNode = (<Node>this)[PropertySymbol.formNode];
+		const selectNode = (<Node>this)[PropertySymbol.selectNode];
+		const textAreaNode = (<Node>this)[PropertySymbol.textAreaNode];
 
 		if (this.nodeType !== NodeTypeEnum.documentFragmentNode) {
 			(<INode>this.parentNode) = parentNode;
-			(<Node>this)._rootNode = isConnected && parentNode ? (<Node>parentNode)._rootNode : null;
+			(<Node>this)[PropertySymbol.rootNode] =
+				isConnected && parentNode ? (<Node>parentNode)[PropertySymbol.rootNode] : null;
 
 			if (this['tagName'] !== 'FORM') {
-				(<Node>this)._formNode = parentNode ? (<Node>parentNode)._formNode : null;
+				(<Node>this)[PropertySymbol.formNode] = parentNode
+					? (<Node>parentNode)[PropertySymbol.formNode]
+					: null;
 			}
 
 			if (this['tagName'] !== 'SELECT') {
-				(<Node>this)._selectNode = parentNode ? (<Node>parentNode)._selectNode : null;
+				(<Node>this)[PropertySymbol.selectNode] = parentNode
+					? (<Node>parentNode)[PropertySymbol.selectNode]
+					: null;
 			}
 
 			if (this['tagName'] !== 'TEXTAREA') {
-				(<Node>this)._textAreaNode = parentNode ? (<Node>parentNode)._textAreaNode : null;
+				(<Node>this)[PropertySymbol.textAreaNode] = parentNode
+					? (<Node>parentNode)[PropertySymbol.textAreaNode]
+					: null;
 			}
 		}
 
@@ -416,8 +432,8 @@ export default class Node extends EventTarget implements INode {
 			(<boolean>this.isConnected) = isConnected;
 
 			if (!isConnected) {
-				if (this.ownerDocument['_activeElement'] === this) {
-					this.ownerDocument['_activeElement'] = null;
+				if (this.ownerDocument[PropertySymbol.activeElement] === this) {
+					this.ownerDocument[PropertySymbol.activeElement] = null;
 				}
 			}
 
@@ -427,22 +443,22 @@ export default class Node extends EventTarget implements INode {
 				this.disconnectedCallback();
 			}
 
-			for (const child of this._childNodes) {
-				(<Node>child)._connectToNode(this);
+			for (const child of this[PropertySymbol.childNodes]) {
+				(<Node>child)[PropertySymbol.connectToNode](this);
 			}
 
 			// eslint-disable-next-line
-			if ((<any>this)._shadowRoot) {
+			if ((<any>this)[PropertySymbol.shadowRoot]) {
 				// eslint-disable-next-line
-				(<any>this)._shadowRoot._connectToNode(this);
+				(<any>this)[PropertySymbol.shadowRoot][PropertySymbol.connectToNode](this);
 			}
 		} else if (
-			formNode !== this._formNode ||
-			selectNode !== this._selectNode ||
-			textAreaNode !== this._textAreaNode
+			formNode !== this[PropertySymbol.formNode] ||
+			selectNode !== this[PropertySymbol.selectNode] ||
+			textAreaNode !== this[PropertySymbol.textAreaNode]
 		) {
-			for (const child of this._childNodes) {
-				(<Node>child)._connectToNode(this);
+			for (const child of this[PropertySymbol.childNodes]) {
+				(<Node>child)[PropertySymbol.connectToNode](this);
 			}
 		}
 	}
@@ -593,7 +609,7 @@ export default class Node extends EventTarget implements INode {
 
 		const computeNodeIndexes = (nodes: INode[]): void => {
 			for (const childNode of nodes) {
-				computeNodeIndexes((<Node>childNode)._childNodes);
+				computeNodeIndexes((<Node>childNode)[PropertySymbol.childNodes]);
 
 				if (childNode === node2Node) {
 					node2Index = indexes;
@@ -609,7 +625,7 @@ export default class Node extends EventTarget implements INode {
 			}
 		};
 
-		computeNodeIndexes((<Node>commonAncestor)._childNodes);
+		computeNodeIndexes((<Node>commonAncestor)[PropertySymbol.childNodes]);
 
 		/**
 		 * 9. If node1 is preceding node2, then return DOCUMENT_POSITION_PRECEDING.

package/src/nodes/node/NodeUtility.ts

@@ -1,4 +1,5 @@
 import IText from '../text/IText.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 import IComment from '../comment/IComment.js';
 import INode from './INode.js';
 import NodeTypeEnum from './NodeTypeEnum.js';
@@ -47,7 +48,7 @@ export default class NodeUtility {
 		// If the type is DocumentFragment, then the child nodes of if it should be moved instead of the actual node.
 		// See: https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment
 		if (node.nodeType === NodeTypeEnum.documentFragmentNode) {
-			for (const child of (<Node>node)._childNodes.slice()) {
+			for (const child of (<Node>node)[PropertySymbol.childNodes].slice()) {
 				ancestorNode.appendChild(child);
 			}
 			return node;
@@ -55,33 +56,34 @@ export default class NodeUtility {
 
 		// Remove the node from its previous parent if it has any.
 		if (node.parentNode) {
-			const index = (<Node>node.parentNode)._childNodes.indexOf(node);
+			const index = (<Node>node.parentNode)[PropertySymbol.childNodes].indexOf(node);
 			if (index !== -1) {
-				(<Node>node.parentNode)._childNodes.splice(index, 1);
+				(<Node>node.parentNode)[PropertySymbol.childNodes].splice(index, 1);
 			}
 		}
 
 		if (ancestorNode.isConnected) {
-			(ancestorNode.ownerDocument || this)['_cacheID']++;
+			(ancestorNode.ownerDocument || this)[PropertySymbol.cacheID]++;
 		}
 
-		(<Node>ancestorNode)._childNodes.push(node);
+		(<Node>ancestorNode)[PropertySymbol.childNodes].push(node);
 
-		(<Node>node)._connectToNode(ancestorNode);
+		(<Node>node)[PropertySymbol.connectToNode](ancestorNode);
 
 		// MutationObserver
-		if ((<Node>ancestorNode)._observers.length > 0) {
-			const record = new MutationRecord();
-			record.target = ancestorNode;
-			record.type = MutationTypeEnum.childList;
-			record.addedNodes = [node];
-
-			for (const observer of (<Node>ancestorNode)._observers) {
+		if ((<Node>ancestorNode)[PropertySymbol.observers].length > 0) {
+			const record = new MutationRecord({
+				target: ancestorNode,
+				type: MutationTypeEnum.childList,
+				addedNodes: [node]
+			});
+
+			for (const observer of (<Node>ancestorNode)[PropertySymbol.observers]) {
 				if (observer.options.subtree) {
-					(<Node>node)._observe(observer);
+					(<Node>node)[PropertySymbol.observe](observer);
 				}
 				if (observer.options.childList) {
-					observer.callback([record], observer.observer);
+					observer.report(record);
 				}
 			}
 		}
@@ -97,31 +99,34 @@ export default class NodeUtility {
 	 * @returns Removed node.
 	 */
 	public static removeChild(ancestorNode: INode, node: INode): INode {
-		const index = (<Node>ancestorNode)._childNodes.indexOf(node);
+		const index = (<Node>ancestorNode)[PropertySymbol.childNodes].indexOf(node);
 
 		if (index === -1) {
 			throw new DOMException('Failed to remove node. Node is not child of parent.');
 		}
 
 		if (ancestorNode.isConnected) {
-			(ancestorNode.ownerDocument || this)['_cacheID']++;
+			(ancestorNode.ownerDocument || this)[PropertySymbol.cacheID]++;
 		}
 
-		(<Node>ancestorNode)._childNodes.splice(index, 1);
+		(<Node>ancestorNode)[PropertySymbol.childNodes].splice(index, 1);
 
-		(<Node>node)._connectToNode(null);
+		(<Node>node)[PropertySymbol.connectToNode](null);
 
 		// MutationObserver
-		if ((<Node>ancestorNode)._observers.length > 0) {
-			const record = new MutationRecord();
-			record.target = ancestorNode;
-			record.type = MutationTypeEnum.childList;
-			record.removedNodes = [node];
-
-			for (const observer of (<Node>ancestorNode)._observers) {
-				(<Node>node)._unobserve(observer);
+		if ((<Node>ancestorNode)[PropertySymbol.observers].length > 0) {
+			const record = new MutationRecord({
+				target: ancestorNode,
+				type: MutationTypeEnum.childList,
+				removedNodes: [node]
+			});
+
+			for (const observer of (<Node>ancestorNode)[PropertySymbol.observers]) {
+				if (observer.options.subtree) {
+					(<Node>node)[PropertySymbol.unobserve](observer);
+				}
 				if (observer.options.childList) {
-					observer.callback([record], observer.observer);
+					observer.report(record);
 				}
 			}
 		}
@@ -158,7 +163,7 @@ export default class NodeUtility {
 		// If the type is DocumentFragment, then the child nodes of if it should be moved instead of the actual node.
 		// See: https://developer.mozilla.org/en-US/docs/Web/API/DocumentFragment
 		if (newNode.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
-			for (const child of (<Node>newNode)._childNodes.slice()) {
+			for (const child of (<Node>newNode)[PropertySymbol.childNodes].slice()) {
 				ancestorNode.insertBefore(child, referenceNode);
 			}
 			return newNode;
@@ -171,44 +176,45 @@ export default class NodeUtility {
 			return newNode;
 		}
 
-		if ((<Node>ancestorNode)._childNodes.indexOf(referenceNode) === -1) {
+		if ((<Node>ancestorNode)[PropertySymbol.childNodes].indexOf(referenceNode) === -1) {
 			throw new DOMException(
 				"Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node."
 			);
 		}
 
 		if (ancestorNode.isConnected) {
-			(ancestorNode.ownerDocument || this)['_cacheID']++;
+			(ancestorNode.ownerDocument || this)[PropertySymbol.cacheID]++;
 		}
 
 		if (newNode.parentNode) {
-			const index = (<Node>newNode.parentNode)._childNodes.indexOf(newNode);
+			const index = (<Node>newNode.parentNode)[PropertySymbol.childNodes].indexOf(newNode);
 			if (index !== -1) {
-				(<Node>newNode.parentNode)._childNodes.splice(index, 1);
+				(<Node>newNode.parentNode)[PropertySymbol.childNodes].splice(index, 1);
 			}
 		}
 
-		(<Node>ancestorNode)._childNodes.splice(
-			(<Node>ancestorNode)._childNodes.indexOf(referenceNode),
+		(<Node>ancestorNode)[PropertySymbol.childNodes].splice(
+			(<Node>ancestorNode)[PropertySymbol.childNodes].indexOf(referenceNode),
 			0,
 			newNode
 		);
 
-		(<Node>newNode)._connectToNode(ancestorNode);
+		(<Node>newNode)[PropertySymbol.connectToNode](ancestorNode);
 
 		// MutationObserver
-		if ((<Node>ancestorNode)._observers.length > 0) {
-			const record = new MutationRecord();
-			record.target = ancestorNode;
-			record.type = MutationTypeEnum.childList;
-			record.addedNodes = [newNode];
-
-			for (const observer of (<Node>ancestorNode)._observers) {
+		if ((<Node>ancestorNode)[PropertySymbol.observers].length > 0) {
+			const record = new MutationRecord({
+				target: ancestorNode,
+				type: MutationTypeEnum.childList,
+				addedNodes: [newNode]
+			});
+
+			for (const observer of (<Node>ancestorNode)[PropertySymbol.observers]) {
 				if (observer.options.subtree) {
-					(<Node>newNode)._observe(observer);
+					(<Node>newNode)[PropertySymbol.observe](observer);
 				}
 				if (observer.options.childList) {
-					observer.callback([record], observer.observer);
+					observer.report(record);
 				}
 			}
 		}
@@ -239,8 +245,8 @@ export default class NodeUtility {
 	 * @returns "true" if inclusive ancestor.
 	 */
 	public static isInclusiveAncestor(
-		ancestorNode: INode,
-		referenceNode: INode,
+		ancestorNode: INode | null,
+		referenceNode: INode | null,
 		includeShadowRoots = false
 	): boolean {
 		if (ancestorNode === null || referenceNode === null) {
@@ -251,7 +257,7 @@ export default class NodeUtility {
 			return true;
 		}
 
-		if (!(<Node>ancestorNode)._childNodes.length) {
+		if (!(<Node>ancestorNode)[PropertySymbol.childNodes].length) {
 			return false;
 		}
 
@@ -334,7 +340,7 @@ export default class NodeUtility {
 				return (<IText | IComment>node).data.length;
 
 			default:
-				return (<Node>node)._childNodes.length;
+				return (<Node>node)[PropertySymbol.childNodes].length;
 		}
 	}
 
@@ -492,13 +498,16 @@ export default class NodeUtility {
 			return false;
 		}
 
-		if ((<Node>nodeA)._childNodes.length !== (<Node>nodeB)._childNodes.length) {
+		if (
+			(<Node>nodeA)[PropertySymbol.childNodes].length !==
+			(<Node>nodeB)[PropertySymbol.childNodes].length
+		) {
 			return false;
 		}
 
-		for (let i = 0; i < (<Node>nodeA)._childNodes.length; i++) {
-			const childNodeA = (<Node>nodeA)._childNodes[i];
-			const childNodeB = (<Node>nodeB)._childNodes[i];
+		for (let i = 0; i < (<Node>nodeA)[PropertySymbol.childNodes].length; i++) {
+			const childNodeA = (<Node>nodeA)[PropertySymbol.childNodes][i];
+			const childNodeB = (<Node>nodeB)[PropertySymbol.childNodes][i];
 
 			if (!NodeUtility.isEqualNode(childNodeA, childNodeB)) {
 				return false;

package/src/nodes/parent-node/ParentNodeUtility.ts

@@ -1,4 +1,5 @@
 import XMLParser from '../../xml-parser/XMLParser.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 import IDocumentFragment from '../document-fragment/IDocumentFragment.js';
 import IDocument from '../document/IDocument.js';
 import IElement from '../element/IElement.js';
@@ -45,7 +46,7 @@ export default class ParentNodeUtility {
 			if (typeof node === 'string') {
 				const newChildNodes = (<DocumentFragment>(
 					XMLParser.parse(<IDocument>parentNode.ownerDocument, node)
-				))._childNodes.slice();
+				))[PropertySymbol.childNodes].slice();
 				for (const newChildNode of newChildNodes) {
 					parentNode.insertBefore(newChildNode, firstChild);
 				}
@@ -65,7 +66,7 @@ export default class ParentNodeUtility {
 		parentNode: IElement | IDocument | IDocumentFragment,
 		...nodes: (string | INode)[]
 	): void {
-		for (const node of (<DocumentFragment>parentNode)._childNodes.slice()) {
+		for (const node of (<DocumentFragment>parentNode)[PropertySymbol.childNodes].slice()) {
 			parentNode.removeChild(node);
 		}
 
@@ -84,7 +85,7 @@ export default class ParentNodeUtility {
 	): IHTMLCollection<IElement> {
 		let matches = new HTMLCollection<IElement>();
 
-		for (const child of (<DocumentFragment>parentNode)._children) {
+		for (const child of (<DocumentFragment>parentNode)[PropertySymbol.children]) {
 			if (child.className.split(' ').includes(className)) {
 				matches.push(child);
 			}
@@ -111,7 +112,7 @@ export default class ParentNodeUtility {
 		const includeAll = tagName === '*';
 		let matches = new HTMLCollection<IElement>();
 
-		for (const child of (<DocumentFragment>parentNode)._children) {
+		for (const child of (<DocumentFragment>parentNode)[PropertySymbol.children]) {
 			if (includeAll || child.tagName === upperTagName) {
 				matches.push(child);
 			}
@@ -140,7 +141,7 @@ export default class ParentNodeUtility {
 		const includeAll = tagName === '*';
 		let matches = new HTMLCollection<IElement>();
 
-		for (const child of (<DocumentFragment>parentNode)._children) {
+		for (const child of (<DocumentFragment>parentNode)[PropertySymbol.children]) {
 			if ((includeAll || child.tagName === upperTagName) && child.namespaceURI === namespaceURI) {
 				matches.push(child);
 			}
@@ -166,7 +167,7 @@ export default class ParentNodeUtility {
 	): IElement {
 		const upperTagName = tagName.toUpperCase();
 
-		for (const child of (<DocumentFragment>parentNode)._children) {
+		for (const child of (<DocumentFragment>parentNode)[PropertySymbol.children]) {
 			if (child.tagName === upperTagName) {
 				return <IElement>child;
 			}
@@ -191,7 +192,7 @@ export default class ParentNodeUtility {
 		id: string
 	): IElement {
 		id = String(id);
-		for (const child of (<DocumentFragment>parentNode)._children) {
+		for (const child of (<DocumentFragment>parentNode)[PropertySymbol.children]) {
 			if (child.id === id) {
 				return <IElement>child;
 			}

package/src/nodes/shadow-root/ShadowRoot.ts

@@ -1,4 +1,5 @@
 import DocumentFragment from '../document-fragment/DocumentFragment.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 import XMLParser from '../../xml-parser/XMLParser.js';
 import XMLSerializer from '../../xml-serializer/XMLSerializer.js';
 import IElement from '../element/IElement.js';
@@ -28,7 +29,7 @@ export default class ShadowRoot extends DocumentFragment implements IShadowRoot
 			escapeEntities: false
 		});
 		let xml = '';
-		for (const node of this._childNodes) {
+		for (const node of this[PropertySymbol.childNodes]) {
 			xml += xmlSerializer.serializeToString(node);
 		}
 		return xml;
@@ -40,7 +41,7 @@ export default class ShadowRoot extends DocumentFragment implements IShadowRoot
 	 * @param html HTML.
 	 */
 	public set innerHTML(html: string) {
-		for (const child of this._childNodes.slice()) {
+		for (const child of this[PropertySymbol.childNodes].slice()) {
 			this.removeChild(child);
 		}
 
@@ -53,7 +54,7 @@ export default class ShadowRoot extends DocumentFragment implements IShadowRoot
 	 * @returns Active element.
 	 */
 	public get activeElement(): IHTMLElement | null {
-		const activeElement: IHTMLElement = this.ownerDocument['_activeElement'];
+		const activeElement: IHTMLElement = this.ownerDocument[PropertySymbol.activeElement];
 		if (activeElement && activeElement.isConnected && activeElement.getRootNode() === this) {
 			return activeElement;
 		}