QuerySelector从javascript数组中给出的名称返回null

Question

确实存在一些类似的问题我承认，但所有使用复杂的命名系统，我没有使用，或使用第三方库，我也没有使用。

这是一个带简单名字的直接javascript问题。

innerHTML不是重要的部分。这里只包括失败的例子。

控制台日志返回空值。

我将在AFrame中使用它，而不是它将工作，如果它甚至不会在JavaScript中工作。无论如何，我的页面太大而无法包含在这里。

请在回答中包含js小提琴示例。

请不要问我使用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]);需要有哈希标签告知JS来搜索ID（而不是元素名称）

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>