HTA文件中用JavaScript获取页面HTML出现标签大写、属性无引号问题

嘿，我太懂这个问题了！你在HTA里遇到的标签全大写、属性不带双引号的情况，本质是因为HTA依赖的IE渲染引擎在输出HTML时的老习惯。

为什么会出现这种情况？ #

HTA本质是基于IE浏览器的技术，哪怕你在meta里指定了ie=9.0，它的DOM解析器依然保留了旧IE的格式化行为——会把所有HTML标签转换为大写，并且当属性值不包含特殊字符时，自动省略双引号。这不是你的代码问题，是引擎的默认处理逻辑。

两种可行的解决方案 #

方案1：手动编写DOM遍历函数生成标准HTML #

这是最可靠的方法，通过递归遍历DOM树，自己控制标签和属性的格式，确保输出符合现代HTML规范。下面是一个现成的函数：

function getStandardHTML(element) {
    // 处理文本节点
    if (element.nodeType === Node.TEXT_NODE) {
        return element.textContent;
    }
    // 标签名转小写
    const tag = element.tagName.toLowerCase();
    // 处理属性：属性名转小写，值加双引号，同时转义值里的双引号
    const attributes = Array.from(element.attributes).map(attr => 
        `${attr.name.toLowerCase()}="${attr.value.replace(/"/g, '"')}"`
    ).join(' ');
    // 开始构建标签
    let html = `<${tag}`;
    if (attributes) {
        html += ` ${attributes}`;
    }
    // 处理空元素（比如img、br这类自闭合标签）
    if (element.children.length === 0 && element.textContent.trim() === '') {
        html += '/>';
    } else {
        html += '>';
        // 递归处理所有子节点
        html += Array.from(element.childNodes).map(child => getStandardHTML(child)).join('');
        html += `</${tag}>`;
    }
    return html;
}

// 调用示例：获取整个页面的标准HTML
const fullPageHTML = getStandardHTML(document.documentElement);
console.log(fullPageHTML);

这个函数会帮你把所有标签转成小写，给每个属性值加上双引号，还处理了属性值里的双引号转义，避免格式错误。如果只是想获取某个元素的HTML，把document.documentElement换成你用querySelector拿到的元素就行。

方案2：尝试调整IE兼容性模式 #

如果你的HTA没有依赖旧IE的特定API，可以试试把兼容性模式改成IE=edge，让它用IE最新的渲染引擎，可能会自动输出标准格式的HTML：

<meta http-equiv="x-ua-compatible" content="IE=edge" />

不过要注意，这个改动可能会导致一些旧的HTA专属功能失效，所以一定要先做全面测试。

内容的提问来源于stack exchange，提问作者stckvrw