我盯着W3C的DOM规范文档看了整整一个下午。脑子里翻来覆去只有一个念头：JavaScript这门语言，在浏览器里活得比任何教科书描述的都要拧巴。你翻开任何一本入门书，它都会告诉你JavaScript是“单线程的、基于事件循环的、解释执行的脚本语言”。这话没错。但真正在写代码的时候，你面对的不是语言本身，而是W3C那帮人用IDL定义的一大堆接口。它们长得像JavaScript对象，用起来也像，可骨子里完全是另一套逻辑。

拿document.getElementById来说。这是个再简单不过的DOM方法。可你有没有想过，为什么它返回的不是一个数组，哪怕页面上有多个相同ID的元素？因为W3C的HTML规范规定ID在文档里必须唯一。这不是JavaScript的规则，是HTML的规则。你的脚本只是被夹在中间执行。更绝的是NodeList。早年间的getElementsByTagName返回的是“活”的集合——文档里每增删一个节点，这个列表就自动更新。你明明已经把某个元素从列表里取出来存进变量了，回头一遍历，发现它还在，或者突然消失了。这不是bug，这是规范刻意为之。为了性能，为了实时反映DOM状态，W3C牺牲了直觉。

我印象最深的一次踩坑，是在一个老项目里用Array.prototype.slice.call(document.querySelectorAll('div'))。当时想把静态的NodeList转成真数组，方便用map和filter。代码跑得欢，结果某天在IE11上崩了。查了半天，发现是querySelectorAll返回的NodeList在旧引擎里不支持被slice调用。规范上写的是“实现可能不同”，浏览器厂商就真给你搞出点不同来。那一刻我意识到，所谓“JavaScript操作DOM”，本质上是你在跟一群各自为政的C++对象打交道，它们只是恰好暴露了同名方法。

W3C的DOM规范本身也一直在变。DOM1时代，接口简单粗暴，createElement、appendChild，够用就行。到了DOM4，开始引入MutationObserver来替代被诟病已久的MutationEvent。为什么？因为旧事件模型是同步触发的，你改一个属性，浏览器得立刻跑完所有监听回调，页面卡得跟幻灯片似的。新规范改成异步批量处理，性能上去了，可你写代码的思维方式也得跟着变——不能再指望回调里立刻拿到最新的DOM状态。你得等微任务队列清空。

有时候我觉得，W3C那帮人写规范时更像是在设计一座迷宫，而不是修一条直路。getComputedStyle返回的CSSStyleDeclaration是只读的，可你明明能访问到length属性，还能用方括号索引遍历。它看起来像个数组，但Array.isArray返回false。这种“似数组非数组”的玩意儿遍布整个平台。你说它不友好？确实。可反过来想，正是这种边界感让JavaScript在浏览器里保持了二十多年的稳定——没有哪个脚本能直接篡改布局引擎的内部状态，所有操作都得经过规范定义的接口。

写到这里我翻了翻手边的《JavaScript权威指南》，第六版和第七版对DOM章节的措辞差异挺有意思。旧版还在耐心解释document.all这个非标准对象，新版直接删了。规范淘汰起东西来毫不留情。但淘汰归淘汰，那些老接口的影子还在——比如document.images、document.links这些便捷集合，它们不是标准DOM核心的一部分，却因为历史原因留在HTML规范里。你没法用纯逻辑推断它们该不该存在，只能记住。这就是W3C规范的现实：它不追求数学上的优雅，只追求浏览器厂商都能达成共识的实用主义。

所以回到标题里的那个“i”——我把它理解成“interoperability”，互操作性。JavaScript本身语法再花哨，Proxy、Reflect玩出花来，到头来还是得老老实实通过W3C定义的接口去触碰页面。这门语言在浏览器里的真正边界，从来不是ECMAScript规范划定的，而是W3C那些冗长的IDL片段划定的。理解了这一点，你再看那些奇奇怪怪的返回值和异常行为，心里就踏实了——不是你的代码错了，是规范本来就这么写的。

(责任编辑：百科)