happy-dom 13.0.6 → 13.1.0

package/src/nodes/element/ElementUtility.ts

@@ -31,7 +31,7 @@ export default class ElementUtility {
 		node: INode,
 		options?: { disableAncestorValidation?: boolean }
 	): INode {
-		if (node.nodeType === NodeTypeEnum.elementNode && node !== ancestorNode) {
+		if (node[PropertySymbol.nodeType] === NodeTypeEnum.elementNode && node !== ancestorNode) {
 			if (
 				!options?.disableAncestorValidation &&
 				NodeUtility.isInclusiveAncestor(node, ancestorNode)
@@ -41,20 +41,22 @@ export default class ElementUtility {
 					DOMExceptionNameEnum.domException
 				);
 			}
-			if (node.parentNode) {
+			if (node[PropertySymbol.parentNode]) {
 				const parentNodeChildren = <HTMLCollection<IHTMLElement>>(
-					(<Element>node.parentNode)[PropertySymbol.children]
+					(<Element>node[PropertySymbol.parentNode])[PropertySymbol.children]
 				);
 
 				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);
+							const attribute = (<Element>node)[PropertySymbol.attributes].getNamedItem(
+								attributeName
+							);
 							if (attribute) {
 								parentNodeChildren[PropertySymbol.removeNamedItem](
 									<IHTMLElement>node,
-									attribute.value
+									attribute[PropertySymbol.value]
 								);
 							}
 						}
@@ -68,9 +70,12 @@ export default class ElementUtility {
 			);
 
 			for (const attributeName of NAMED_ITEM_ATTRIBUTES) {
-				const attribute = (<Element>node).attributes.getNamedItem(attributeName);
+				const attribute = (<Element>node)[PropertySymbol.attributes].getNamedItem(attributeName);
 				if (attribute) {
-					ancestorNodeChildren[PropertySymbol.appendNamedItem](<IHTMLElement>node, attribute.value);
+					ancestorNodeChildren[PropertySymbol.appendNamedItem](
+						<IHTMLElement>node,
+						attribute[PropertySymbol.value]
+					);
 				}
 			}
 
@@ -95,18 +100,18 @@ export default class ElementUtility {
 		ancestorNode: IElement | IDocument | IDocumentFragment,
 		node: INode
 	): INode {
-		if (node.nodeType === NodeTypeEnum.elementNode) {
+		if (node[PropertySymbol.nodeType] === NodeTypeEnum.elementNode) {
 			const ancestorNodeChildren = <HTMLCollection<IHTMLElement>>(
 				(<Element>ancestorNode)[PropertySymbol.children]
 			);
 			const index = ancestorNodeChildren.indexOf(<IElement>node);
 			if (index !== -1) {
 				for (const attributeName of NAMED_ITEM_ATTRIBUTES) {
-					const attribute = (<Element>node).attributes.getNamedItem(attributeName);
+					const attribute = (<Element>node)[PropertySymbol.attributes].getNamedItem(attributeName);
 					if (attribute) {
 						ancestorNodeChildren[PropertySymbol.removeNamedItem](
 							<IHTMLElement>node,
-							attribute.value
+							attribute[PropertySymbol.value]
 						);
 					}
 				}
@@ -137,7 +142,7 @@ export default class ElementUtility {
 		options?: { disableAncestorValidation?: boolean }
 	): INode {
 		// NodeUtility.insertBefore() will call appendChild() for the scenario where "referenceNode" is "null" or "undefined"
-		if (newNode.nodeType === NodeTypeEnum.elementNode && referenceNode) {
+		if (newNode[PropertySymbol.nodeType] === NodeTypeEnum.elementNode && referenceNode) {
 			if (
 				!options?.disableAncestorValidation &&
 				NodeUtility.isInclusiveAncestor(newNode, ancestorNode)
@@ -147,20 +152,22 @@ export default class ElementUtility {
 					DOMExceptionNameEnum.domException
 				);
 			}
-			if (newNode.parentNode) {
+			if (newNode[PropertySymbol.parentNode]) {
 				const parentNodeChildren = <HTMLCollection<IHTMLElement>>(
-					(<Element>newNode.parentNode)[PropertySymbol.children]
+					(<Element>newNode[PropertySymbol.parentNode])[PropertySymbol.children]
 				);
 
 				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);
+							const attribute = (<Element>newNode)[PropertySymbol.attributes].getNamedItem(
+								attributeName
+							);
 							if (attribute) {
 								parentNodeChildren[PropertySymbol.removeNamedItem](
 									<IHTMLElement>newNode,
-									attribute.value
+									attribute[PropertySymbol.value]
 								);
 							}
 						}
@@ -174,7 +181,7 @@ export default class ElementUtility {
 				(<Element>ancestorNode)[PropertySymbol.children]
 			);
 
-			if (referenceNode.nodeType === NodeTypeEnum.elementNode) {
+			if (referenceNode[PropertySymbol.nodeType] === NodeTypeEnum.elementNode) {
 				const index = ancestorNodeChildren.indexOf(<IElement>referenceNode);
 				if (index !== -1) {
 					ancestorNodeChildren.splice(index, 0, <IElement>newNode);
@@ -186,18 +193,18 @@ export default class ElementUtility {
 					if (node === referenceNode) {
 						ancestorNodeChildren.push(<IElement>newNode);
 					}
-					if (node.nodeType === NodeTypeEnum.elementNode) {
+					if (node[PropertySymbol.nodeType] === NodeTypeEnum.elementNode) {
 						ancestorNodeChildren.push(<IElement>node);
 					}
 				}
 			}
 
 			for (const attributeName of NAMED_ITEM_ATTRIBUTES) {
-				const attribute = (<Element>newNode).attributes.getNamedItem(attributeName);
+				const attribute = (<Element>newNode)[PropertySymbol.attributes].getNamedItem(attributeName);
 				if (attribute) {
 					ancestorNodeChildren[PropertySymbol.appendNamedItem](
 						<IHTMLElement>newNode,
-						attribute.value
+						attribute[PropertySymbol.value]
 					);
 				}
 			}

package/src/nodes/element/IElement.ts

@@ -20,11 +20,11 @@ export default interface IElement extends IChildNode, INonDocumentTypeChildNode,
 	readonly shadowRoot: IShadowRoot;
 	readonly classList: IDOMTokenList;
 	readonly namespaceURI: string;
-	prefix: string | null;
+	readonly prefix: string | null;
 	scrollTop: number;
 	scrollLeft: number;
-	scrollWidth: number;
-	scrollHeight: number;
+	readonly scrollWidth: number;
+	readonly scrollHeight: number;
 	id: string;
 	className: string;
 	role: string;

package/src/nodes/html-anchor-element/HTMLAnchorElement.ts

@@ -17,7 +17,9 @@ import EventPhaseEnum from '../../event/EventPhaseEnum.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement.
  */
 export default class HTMLAnchorElement extends HTMLElement implements IHTMLAnchorElement {
-	public override readonly attributes: INamedNodeMap = new HTMLAnchorElementNamedNodeMap(this);
+	public override [PropertySymbol.attributes]: INamedNodeMap = new HTMLAnchorElementNamedNodeMap(
+		this
+	);
 	public [PropertySymbol.relList]: DOMTokenList = null;
 	public [PropertySymbol.url]: URL | null = null;
 
@@ -432,11 +434,11 @@ export default class HTMLAnchorElement extends HTMLElement implements IHTMLAncho
 			!event.defaultPrevented &&
 			this[PropertySymbol.url]
 		) {
-			this.ownerDocument[PropertySymbol.defaultView].open(
+			this[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow].open(
 				this[PropertySymbol.url].toString(),
 				this.target || '_self'
 			);
-			if (this.ownerDocument[PropertySymbol.defaultView].closed) {
+			if (this[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow].closed) {
 				event.stopImmediatePropagation();
 			}
 		}

package/src/nodes/html-anchor-element/HTMLAnchorElementNamedNodeMap.ts

@@ -18,12 +18,15 @@ export default class HTMLAnchorElementNamedNodeMap extends HTMLElementNamedNodeM
 	public override setNamedItem(item: IAttr): IAttr | null {
 		const replacedItem = super.setNamedItem(item);
 
-		if (item.name === 'rel' && this[PropertySymbol.ownerElement][PropertySymbol.relList]) {
+		if (
+			item[PropertySymbol.name] === 'rel' &&
+			this[PropertySymbol.ownerElement][PropertySymbol.relList]
+		) {
 			this[PropertySymbol.ownerElement][PropertySymbol.relList][PropertySymbol.updateIndices]();
-		} else if (item.name === 'href') {
+		} else if (item[PropertySymbol.name] === 'href') {
 			this[PropertySymbol.ownerElement][PropertySymbol.url] = HTMLAnchorElementUtility.getUrl(
 				this[PropertySymbol.ownerElement].ownerDocument,
-				item.value
+				item[PropertySymbol.value]
 			);
 		}
 
@@ -37,9 +40,12 @@ export default class HTMLAnchorElementNamedNodeMap extends HTMLElementNamedNodeM
 		const removedItem = super[PropertySymbol.removeNamedItem](name);
 
 		if (removedItem) {
-			if (removedItem.name === 'rel' && this[PropertySymbol.ownerElement][PropertySymbol.relList]) {
+			if (
+				removedItem[PropertySymbol.name] === 'rel' &&
+				this[PropertySymbol.ownerElement][PropertySymbol.relList]
+			) {
 				this[PropertySymbol.ownerElement][PropertySymbol.relList][PropertySymbol.updateIndices]();
-			} else if (removedItem.name === 'href') {
+			} else if (removedItem[PropertySymbol.name] === 'href') {
 				this[PropertySymbol.ownerElement][PropertySymbol.url] = null;
 			}
 		}

package/src/nodes/html-base-element/HTMLBaseElement.ts

@@ -1,5 +1,6 @@
 import HTMLElement from '../html-element/HTMLElement.js';
 import IHTMLBaseElement from './IHTMLBaseElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 
 /**
  * HTML Base Element.
@@ -18,7 +19,7 @@ export default class HTMLBaseElement extends HTMLElement implements IHTMLBaseEle
 		if (href !== null) {
 			return href;
 		}
-		return this.ownerDocument.location.href;
+		return this[PropertySymbol.ownerDocument].location.href;
 	}
 
 	/**

package/src/nodes/html-button-element/HTMLButtonElement.ts

@@ -22,9 +22,29 @@ const BUTTON_TYPES = ['submit', 'reset', 'button', 'menu'];
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement.
  */
 export default class HTMLButtonElement extends HTMLElement implements IHTMLButtonElement {
-	public override readonly attributes: INamedNodeMap = new HTMLButtonElementNamedNodeMap(this);
-	public readonly validationMessage = '';
-	public readonly validity = new ValidityState(this);
+	public override [PropertySymbol.attributes]: INamedNodeMap = new HTMLButtonElementNamedNodeMap(
+		this
+	);
+	public [PropertySymbol.validationMessage] = '';
+	public [PropertySymbol.validity] = new ValidityState(this);
+
+	/**
+	 * Returns validation message.
+	 *
+	 * @returns Validation message.
+	 */
+	public get validationMessage(): string {
+		return this[PropertySymbol.validationMessage];
+	}
+
+	/**
+	 * Returns validity.
+	 *
+	 * @returns Validity.
+	 */
+	public get validity(): ValidityState {
+		return this[PropertySymbol.validity];
+	}
 
 	/**
 	 * Returns name.
@@ -149,7 +169,10 @@ export default class HTMLButtonElement extends HTMLElement implements IHTMLButto
 	 */
 	public checkValidity(): boolean {
 		const valid =
-			this.disabled || this.type === 'reset' || this.type === 'button' || this.validity.valid;
+			this.disabled ||
+			this.type === 'reset' ||
+			this.type === 'button' ||
+			this[PropertySymbol.validity].valid;
 		if (!valid) {
 			this.dispatchEvent(new Event('invalid', { bubbles: true, cancelable: true }));
 		}
@@ -171,7 +194,7 @@ export default class HTMLButtonElement extends HTMLElement implements IHTMLButto
 	 * @param message Message.
 	 */
 	public setCustomValidity(message: string): void {
-		(<string>this.validationMessage) = String(message);
+		this[PropertySymbol.validationMessage] = String(message);
 	}
 
 	/**
@@ -189,7 +212,7 @@ export default class HTMLButtonElement extends HTMLElement implements IHTMLButto
 			(event.eventPhase === EventPhaseEnum.atTarget ||
 				event.eventPhase === EventPhaseEnum.bubbling) &&
 			this[PropertySymbol.formNode] &&
-			this.isConnected
+			this[PropertySymbol.isConnected]
 		) {
 			const form = <IHTMLFormElement>this[PropertySymbol.formNode];
 			switch (this.type) {

package/src/nodes/html-button-element/HTMLButtonElementNamedNodeMap.ts

@@ -19,18 +19,18 @@ export default class HTMLButtonElementNamedNodeMap extends HTMLElementNamedNodeM
 		const replacedItem = super.setNamedItem(item);
 
 		if (
-			(item.name === 'id' || item.name === 'name') &&
+			(item[PropertySymbol.name] === 'id' || item[PropertySymbol.name] === 'name') &&
 			this[PropertySymbol.ownerElement][PropertySymbol.formNode]
 		) {
-			if (replacedItem?.value) {
+			if (replacedItem?.[PropertySymbol.value]) {
 				(<HTMLFormElement>this[PropertySymbol.ownerElement][PropertySymbol.formNode])[
 					PropertySymbol.removeFormControlItem
-				](this[PropertySymbol.ownerElement], replacedItem.value);
+				](this[PropertySymbol.ownerElement], replacedItem[PropertySymbol.value]);
 			}
-			if (item.value) {
+			if (item[PropertySymbol.value]) {
 				(<HTMLFormElement>this[PropertySymbol.ownerElement][PropertySymbol.formNode])[
 					PropertySymbol.appendFormControlItem
-				](this[PropertySymbol.ownerElement], item.value);
+				](this[PropertySymbol.ownerElement], item[PropertySymbol.value]);
 			}
 		}
 
@@ -45,12 +45,12 @@ export default class HTMLButtonElementNamedNodeMap extends HTMLElementNamedNodeM
 
 		if (
 			removedItem &&
-			(removedItem.name === 'id' || removedItem.name === 'name') &&
+			(removedItem[PropertySymbol.name] === 'id' || removedItem[PropertySymbol.name] === 'name') &&
 			this[PropertySymbol.ownerElement][PropertySymbol.formNode]
 		) {
 			(<HTMLFormElement>this[PropertySymbol.ownerElement][PropertySymbol.formNode])[
 				PropertySymbol.removeFormControlItem
-			](this[PropertySymbol.ownerElement], removedItem.value);
+			](this[PropertySymbol.ownerElement], removedItem[PropertySymbol.value]);
 		}
 
 		return removedItem;

package/src/nodes/html-dialog-element/HTMLDialogElement.ts

@@ -1,6 +1,7 @@
 import Event from '../../event/Event.js';
 import HTMLElement from '../html-element/HTMLElement.js';
 import IHTMLDialogElement from './IHTMLDialogElement.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 
 /**
  * HTML Dialog Element.
@@ -9,12 +10,31 @@ import IHTMLDialogElement from './IHTMLDialogElement.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement.
  */
 export default class HTMLDialogElement extends HTMLElement implements IHTMLDialogElement {
-	public returnValue = '';
+	// Internal properties
+	public [PropertySymbol.returnValue] = '';
 
 	// Events
 	public oncancel: (event: Event) => void | null = null;
 	public onclose: (event: Event) => void | null = null;
 
+	/**
+	 * Returns return value.
+	 *
+	 * @returns Return value.
+	 */
+	public get returnValue(): string {
+		return this[PropertySymbol.returnValue];
+	}
+
+	/**
+	 * Sets return value.
+	 *
+	 * @param value Return value.
+	 */
+	public set returnValue(value: string) {
+		this[PropertySymbol.returnValue] = value;
+	}
+
 	/**
 	 * Sets the "open" attribute.
 	 *

package/src/nodes/html-document/HTMLDocument.ts

@@ -1,6 +1,7 @@
 import IBrowserFrame from '../../browser/types/IBrowserFrame.js';
 import IBrowserWindow from '../../window/IBrowserWindow.js';
 import Document from '../document/Document.js';
+import * as PropertySymbol from '../../PropertySymbol.js';
 
 /**
  * Document.
@@ -17,7 +18,7 @@ export default class HTMLDocument extends Document {
 		super(injected);
 
 		// Default document elements
-		const doctype = this.implementation.createDocumentType('html', '', '');
+		const doctype = this[PropertySymbol.implementation].createDocumentType('html', '', '');
 		const documentElement = this.createElement('html');
 		const bodyElement = this.createElement('body');
 		const headElement = this.createElement('head');

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

@@ -18,23 +18,6 @@ import HTMLElementNamedNodeMap from './HTMLElementNamedNodeMap.js';
  * https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.
  */
 export default class HTMLElement extends Element implements IHTMLElement {
-	public override readonly attributes: INamedNodeMap = new HTMLElementNamedNodeMap(this);
-	public readonly accessKey = '';
-	public readonly accessKeyLabel = '';
-	public readonly contentEditable = 'inherit';
-	public readonly isContentEditable = false;
-	public readonly offsetHeight = 0;
-	public readonly offsetWidth = 0;
-	public readonly offsetLeft = 0;
-	public readonly offsetTop = 0;
-	public readonly clientHeight = 0;
-	public readonly clientWidth = 0;
-	public readonly clientLeft = 0;
-	public readonly clientTop = 0;
-
-	public [PropertySymbol.style]: CSSStyleDeclaration = null;
-	#dataset: Dataset = null;
-
 	// Events
 	public oncopy: (event: Event) => void | null = null;
 	public oncut: (event: Event) => void | null = null;
@@ -62,6 +45,141 @@ export default class HTMLElement extends Element implements IHTMLElement {
 	public ontransitionrun: (event: Event) => void | null = null;
 	public ontransitionstart: (event: Event) => void | null = null;
 
+	// Internal properties
+	public override [PropertySymbol.attributes]: INamedNodeMap = new HTMLElementNamedNodeMap(this);
+	public [PropertySymbol.accessKey] = '';
+	public [PropertySymbol.contentEditable] = 'inherit';
+	public [PropertySymbol.isContentEditable] = false;
+	public [PropertySymbol.offsetHeight] = 0;
+	public [PropertySymbol.offsetWidth] = 0;
+	public [PropertySymbol.offsetLeft] = 0;
+	public [PropertySymbol.offsetTop] = 0;
+	public [PropertySymbol.clientHeight] = 0;
+	public [PropertySymbol.clientWidth] = 0;
+	public [PropertySymbol.clientLeft] = 0;
+	public [PropertySymbol.clientTop] = 0;
+	public [PropertySymbol.style]: CSSStyleDeclaration = null;
+
+	// Private properties
+	#dataset: Dataset = null;
+
+	/**
+	 * Returns access key.
+	 *
+	 * @returns Access key.
+	 */
+	public get accessKey(): string {
+		return this[PropertySymbol.accessKey];
+	}
+
+	/**
+	 * Sets access key.
+	 *
+	 * @param accessKey Access key.
+	 */
+	public set accessKey(accessKey: string) {
+		this[PropertySymbol.accessKey] = accessKey;
+	}
+
+	/**
+	 * Returns content editable.
+	 *
+	 * @returns Content editable.
+	 */
+	public get contentEditable(): string {
+		return this[PropertySymbol.contentEditable];
+	}
+
+	/**
+	 * Sets content editable.
+	 *
+	 * @param contentEditable Content editable.
+	 */
+	public set contentEditable(contentEditable: string) {
+		this[PropertySymbol.contentEditable] = contentEditable;
+	}
+
+	/**
+	 * Returns is content editable.
+	 *
+	 * @returns Is content editable.
+	 */
+	public get isContentEditable(): boolean {
+		return this[PropertySymbol.isContentEditable];
+	}
+
+	/**
+	 * Returns offset height.
+	 *
+	 * @returns Offset height.
+	 */
+	public get offsetHeight(): number {
+		return this[PropertySymbol.offsetHeight];
+	}
+
+	/**
+	 * Returns offset width.
+	 *
+	 * @returns Offset width.
+	 */
+	public get offsetWidth(): number {
+		return this[PropertySymbol.offsetWidth];
+	}
+
+	/**
+	 * Returns offset left.
+	 *
+	 * @returns Offset left.
+	 */
+	public get offsetLeft(): number {
+		return this[PropertySymbol.offsetLeft];
+	}
+
+	/**
+	 * Returns offset top.
+	 *
+	 * @returns Offset top.
+	 */
+	public get offsetTop(): number {
+		return this[PropertySymbol.offsetTop];
+	}
+
+	/**
+	 * Returns client height.
+	 *
+	 * @returns Client height.
+	 */
+	public get clientHeight(): number {
+		return this[PropertySymbol.clientHeight];
+	}
+
+	/**
+	 * Returns client width.
+	 *
+	 * @returns Client width.
+	 */
+	public get clientWidth(): number {
+		return this[PropertySymbol.clientWidth];
+	}
+
+	/**
+	 * Returns client left.
+	 *
+	 * @returns Client left.
+	 */
+	public get clientLeft(): number {
+		return this[PropertySymbol.clientLeft];
+	}
+
+	/**
+	 * Returns client top.
+	 *
+	 * @returns Client top.
+	 */
+	public get clientTop(): number {
+		return this[PropertySymbol.clientTop];
+	}
+
 	/**
 	 * Returns tab index.
 	 *
@@ -92,19 +210,24 @@ export default class HTMLElement extends Element implements IHTMLElement {
 	 * @returns Inner text.
 	 */
 	public get innerText(): string {
-		if (!this.isConnected) {
+		if (!this[PropertySymbol.isConnected]) {
 			return this.textContent;
 		}
 
 		let result = '';
 
 		for (const childNode of this[PropertySymbol.childNodes]) {
-			if (childNode.nodeType === NodeTypeEnum.elementNode) {
+			if (childNode[PropertySymbol.nodeType] === NodeTypeEnum.elementNode) {
 				const childElement = <IHTMLElement>childNode;
 				const computedStyle =
-					this.ownerDocument[PropertySymbol.defaultView].getComputedStyle(childElement);
-
-				if (childElement.tagName !== 'SCRIPT' && childElement.tagName !== 'STYLE') {
+					this[PropertySymbol.ownerDocument][PropertySymbol.ownerWindow].getComputedStyle(
+						childElement
+					);
+
+				if (
+					childElement[PropertySymbol.tagName] !== 'SCRIPT' &&
+					childElement[PropertySymbol.tagName] !== 'STYLE'
+				) {
 					const display = computedStyle.display;
 					if (display !== 'none') {
 						const textTransform = computedStyle.textTransform;
@@ -130,7 +253,7 @@ export default class HTMLElement extends Element implements IHTMLElement {
 						result += text;
 					}
 				}
-			} else if (childNode.nodeType === NodeTypeEnum.textNode) {
+			} else if (childNode[PropertySymbol.nodeType] === NodeTypeEnum.textNode) {
 				result += childNode.textContent.replace(/[\n\r]/, '');
 			}
 		}
@@ -153,9 +276,9 @@ export default class HTMLElement extends Element implements IHTMLElement {
 
 		for (let i = 0, max = texts.length; i < max; i++) {
 			if (i !== 0) {
-				this.appendChild(this.ownerDocument.createElement('br'));
+				this.appendChild(this[PropertySymbol.ownerDocument].createElement('br'));
 			}
-			this.appendChild(this.ownerDocument.createTextNode(texts[i]));
+			this.appendChild(this[PropertySymbol.ownerDocument].createTextNode(texts[i]));
 		}
 	}
 
@@ -176,7 +299,7 @@ export default class HTMLElement extends Element implements IHTMLElement {
 	 * @param text Text.
 	 */
 	public set outerText(text: string) {
-		if (!this.parentNode) {
+		if (!this[PropertySymbol.parentNode]) {
 			throw new DOMException(
 				"Failed to set the 'outerHTML' property on 'Element': This element has no parent node."
 			);
@@ -186,12 +309,18 @@ export default class HTMLElement extends Element implements IHTMLElement {
 
 		for (let i = 0, max = texts.length; i < max; i++) {
 			if (i !== 0) {
-				this.parentNode.insertBefore(this.ownerDocument.createElement('br'), this);
+				this[PropertySymbol.parentNode].insertBefore(
+					this[PropertySymbol.ownerDocument].createElement('br'),
+					this
+				);
 			}
-			this.parentNode.insertBefore(this.ownerDocument.createTextNode(texts[i]), this);
+			this[PropertySymbol.parentNode].insertBefore(
+				this[PropertySymbol.ownerDocument].createTextNode(texts[i]),
+				this
+			);
 		}
 
-		this.parentNode.removeChild(this);
+		this[PropertySymbol.parentNode].removeChild(this);
 	}
 
 	/**
@@ -334,10 +463,9 @@ export default class HTMLElement extends Element implements IHTMLElement {
 	public cloneNode(deep = false): IHTMLElement {
 		const clone = <HTMLElement>super.cloneNode(deep);
 
-		(<string>clone.accessKey) = this.accessKey;
-		(<string>clone.accessKeyLabel) = this.accessKeyLabel;
-		(<string>clone.contentEditable) = this.contentEditable;
-		(<boolean>clone.isContentEditable) = this.isContentEditable;
+		clone[PropertySymbol.accessKey] = this[PropertySymbol.accessKey];
+		clone[PropertySymbol.contentEditable] = this[PropertySymbol.contentEditable];
+		clone[PropertySymbol.isContentEditable] = this[PropertySymbol.isContentEditable];
 
 		if (this[PropertySymbol.style]) {
 			clone.style.cssText = this[PropertySymbol.style].cssText;

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

@@ -17,8 +17,11 @@ export default class HTMLElementNamedNodeMap extends ElementNamedNodeMap {
 	public override setNamedItem(item: IAttr): IAttr | null {
 		const replacedItem = super.setNamedItem(item);
 
-		if (item.name === 'style' && this[PropertySymbol.ownerElement][PropertySymbol.style]) {
-			this[PropertySymbol.ownerElement][PropertySymbol.style].cssText = item.value;
+		if (
+			item[PropertySymbol.name] === 'style' &&
+			this[PropertySymbol.ownerElement][PropertySymbol.style]
+		) {
+			this[PropertySymbol.ownerElement][PropertySymbol.style].cssText = item[PropertySymbol.value];
 		}
 
 		return replacedItem || null;
@@ -32,7 +35,7 @@ export default class HTMLElementNamedNodeMap extends ElementNamedNodeMap {
 
 		if (
 			removedItem &&
-			removedItem.name === 'style' &&
+			removedItem[PropertySymbol.name] === 'style' &&
 			this[PropertySymbol.ownerElement][PropertySymbol.style]
 		) {
 			this[PropertySymbol.ownerElement][PropertySymbol.style].cssText = '';