javascript - 如何修复 "Uncaught TypeError: Cannot set property ' innerHTML' of null"

Question

我的代码比较两个数组并显示两个数组中的项目。我可以将其成功打印到控制台以转换段落证明更具挑战性。

未捕获的类型错误:无法设置 null 的属性“innerHTML” 在 compareArrays (pen.js:25) 在 HTMLButtonElement.onclick (index.html?key=iFrameKey-ae252606-6389-a594-b844-2cecca064c7d:20)compareArrays @ pen.js:25onclick @index.html?key=iFrameKey-ae252606-6389-a594-b844-2cecca064c7d:20

我知道我必须使用 innerHTML 方法但不确定我的错误是什么意思

<button id="search" onclick="compareArrays()" required>Search</button>
<p id="results"></p>

function compareArrays () {
  // Interate the first array
  for (var i = 0; i < restaurantsOne.length; i++) {
    // Iterate the second array 
    for (var j = 0; j < restaurantsTwo.length; j++){
      // Compare the two arrays
      if (restaurantsOne[i] == restaurantsTwo[j]){
        // console.log(restaurantsOne[i]);
        // Show results in paragraph
        document.getElementById("#results").innerHTML = restaurantsOne[i] 

      }
    }
  }
 }

最终我希望将两个数组中的每个项目 restaurantsOne[i] 打印到一个新段落。

Answer 1

我认为这是因为您的 document.getElementById。

应该是这样的

    document.getElementById("results").innerHTML = restaurantsOne[i] 

(没有#)

# 可以与 document.querySelector method 一起使用