是否适合通过不带getElementById的元素的ID（作为变量）来处理元素？ [重复]

Question

此问题已经在这里有了答案：

Do DOM tree elements with ids become global variables?（5个答案）

Why don't we just use element IDs as identifiers in JavaScript?（4个答案）

关闭8分钟前。

我已经使用香草JS编码了很多年，但是每当我需要使用id属性处理HTML元素时，我都应该诉诸于：

var myId = document.getElementById('myId');

[偶然地，我实际上发现这可行：

function add() {
  let span = document.createElement('span');
  span.innerHTML = '<br />o hi';

  // === THIS: ===
  correctId.appendChild(span);

}

<div id="someId"></div>
<input type="button" value="MOAR" onclick="add()" />
<div id="correctId"><strong>Append here: </strong></div>
<div class="someClass"></div>

我对此感到震惊。

百万美元的问题是……甚至是很好的实践或标准吗？我可以安全地在我的代码中使用它吗，或者它是最近添加，已弃用，针对浏览器的甚至是危险的？] >

我什至不知道如何查找有关此行为的参考。我尝试寻找“元素ID作为变量”，“使用ID作为变量名”等等。没有。我到处走的人们都提到document.getElementById()，document.querySelector('#')，jQuery，但从来没有提到过一种行为-具有id属性的元素已经可以在JavaScript中用作变量

，或者至少这就是我的理解方式。

我正在使用Chrome 81.0.4044.138。任何人都可以对此进行点灯吗？

我已经使用香草JS编码了很多年，但是每当我需要处理带有id属性的HTML元素时，我都会合理地求助于：var myId = document.getElementById（'myId'）; ...

Answer 1

我没有发现任何问题。您要做的就是以间接方式获取参考，然后使用内部HTML添加它。我不是专家，但始终这样做。