Javascript DOM extensions

Document.parseElements.js

/** Converts given string into DOM tree, and extract elements marked with 'id' attributes. */
Document.prototype.parseElements = function parseElements(/** @type {string} */ htmlString) {
	const div = this.createElement("div")

	div.innerHTML = htmlString

	const identifiedElements = {}

	for (const element of div.querySelectorAll("[id]")) {
		identifiedElements[element.getAttribute("id")] = element
		element.removeAttribute("id")
	}

	return [ div.children, identifiedElements ]
}

Node.appendChildren.js

Node.prototype.appendChildren = function appendChildren(/** @type{Iterable<HTMLElement>} */ htmlCollection) {
	for (const element of htmlCollection) {
		this.appendChild(element)
	}

	return htmlCollection
}