caseSensitiveOuterHTML

caseSensitiveOuterHTML.js

function caseSensitiveOuterHTML(element) {
    if (element.nodeType === Node.TEXT_NODE) {
        return element.wholeText;
    }

    const tagName = element.tagName;
    let attributes = element.attributes;
    let children = [...element.childNodes];

    if (children.length) {
        children = children.map(caseSensitiveOuterHTML);
    }

    children = children.join("");

    if (attributes && attributes.length) {
        const keys = Object.keys(attributes);
        attributes = keys.map((key) => attributes[key]);

        attributes = attributes.map((attribute) => {
            const name = attribute.name;
            const value = attribute.value;

            return `${name}="${value}"`;
        }).join(" ");
    }

    return `<${tagName} ${attributes}>${children}</${tagName}>`;
}