谁在setAttribute和getAttribute中自动转义双引号与&符号？

这个自动转义/还原特殊字符的行为并非浏览器私自实现，而是由DOM和HTML规范明确规定的标准行为，具体可以从以下几个层面理解：

1. DOM内存模型与HTML文本的本质区别 #

DOM是浏览器内存中的对象模型，元素的属性值以原生字符串形式存储，不会修改你传入的原始内容；而HTML是用于表示DOM的文本格式，为了保证文本的语法合法性，必须对特殊字符进行转义。

2. setAttribute的存储逻辑 #

调用setAttribute时，你传入的字符串会被完整保留为属性的原始值，规范要求浏览器不得修改这个值——不管里面包含双引号、&符号还是其他字符，都会原封不动存在DOM对象里。

3. 序列化时的自动转义 #

当需要把DOM序列化为HTML文本（比如获取outerHTML、innerHTML，或者将元素插入到文档流），浏览器会严格按照HTML规范对属性值进行转义：

• 双引号"会被转义为"
• &符号&会被转义为&
• 其他可能破坏HTML结构的字符（比如<）也会被对应转义
  这样生成的HTML文本才是合法的，不会因为属性值里的特殊字符导致标签结构断裂。

4. getAttribute的还原逻辑 #

调用getAttribute时，浏览器会直接返回属性的原始存储值——它会自动把序列化时转义的字符还原为原始状态，确保你拿到的和当初setAttribute传入的内容完全一致。

示例验证 #

const e = document.createElement('i');
e.setAttribute('a', 'the "a" & b');

console.log( 'get attribute:', e.getAttribute('a') ); // 输出: the "a" & b
console.log( 'actual markup:', e.outerHTML.match(/a="(.+)"/)[1] ); // 输出: the "a" & b

从结果可以看到：getAttribute拿到的是原始字符串，而outerHTML里的是转义后的合法HTML文本。

规范依据 #

虽然setAttribute的直接步骤里没有提到转义，但转义/还原的规则定义在：

• HTML规范的属性值序列化章节：明确了哪些字符需要转义以及转义方式
• DOM规范的属性读取章节：要求getAttribute返回属性的原始值，自动处理反转义

所有遵循标准的浏览器都会严格按照这些规范实现，不存在不确定性。

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