QuerySelectorは、javascript配列で指定された名前からnullを返します

Question

同様の質問がありましたが、私は使用していない複雑な命名システムを使用していました。

これは単純な名前のストレートなjavascriptの問題です。

innerHTMLは重要な部分ではありません。これは障害の例としてのみここに含まれています。

コンソールログは、値nullを返します。

私はAFrameでこれを使用しますが、javascriptで動作しなくても動作するわけではありません。私のページはあまりにも大きいので、とにかくここに入れることはできません。

答えにjs fiddleの例を含めてください。

私の言ったように、私のページはすでに巨大です、xyzライブラリを使用するように私に聞かないでください。ここで

は私のコードです：

myArray=['there','Here','nowhere']; 
 

 
var WhatPlace = document.querySelector(myArray[1]); \t \t 
 

 
console.log(WhatPlace); 
 
WhatPlace.innerHTML = "querySelector WORKED!";

<div id='Here'>querySelector failed!</div>

Answer 1

あなたのjsの中にハッシュタグを忘れてしまった、document.querySelector(myArray[1]);でIDを検索するためのJSを通知するハッシュタグ（の代わりが必要です要素名）

myArray=['there','Here','nowhere']; 
 

 
var WhatPlace = document.querySelector("#"+myArray[1]); \t \t 
 

 
console.log(WhatPlace); 
 
WhatPlace.innerHTML = "querySelector WORKED!";

<div id='Here'>querySelector failed!</div>