javascript - 使用变量重建 DOM 对象

Question

是否可以通过变量声明来缩小 DOM 引用？

例如document.documentElement：

var d = document;
console.log(d[d + 'Element']); // undefined
console.log(d[d] + 'Element'); // undefinedElement

为什么这不起作用？

Answer 1

它不起作用，因为document对象的字符串值不是 string 'document'，它类似于'[object HTMLDocument]'（可能因浏览器而异）。

当您将字符串'Element'与document对象连接时，对象会隐式转换为字符串，并且您会得到一个类似'[object HTMLDocument]Element',document['[object HTMLDocument]Element']且未定义的字符串。