javascript - 変数を使用した DOM オブジェクトの再構築

Question

変数宣言でDOM参照を縮小することは可能ですか?

例document.documentElement:

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

これが機能しないのはなぜですか？

Answer 1

documentオブジェクトの文字列値が文字列ではないため、機能しません'document'。'[object HTMLDocument]'(ブラウザによって異なる場合があります)。

'Element'文字列をオブジェクトと連結するとdocument、オブジェクトは暗黙的に文字列に変換され、 のような文字列が得られ、'[object HTMLDocument]Element'未定義document['[object HTMLDocument]Element']です。