javascript - 如何在没有 getElementByID 的情况下从 CSS 获取 ID 到 Javascript？

Question

我有一个涉及 CSS 和 JavaScript 的基本问题。

我有一个包含多个 DIV 的页面，每个 DIV 都有一个从 mysql 数据库中获取的唯一 ID。当用户单击某个 DIV 时，我希望该 DIV 从页面上消失。因为一切都是动态的，所以我的解决方案是将 id 作为变量传递给函数。问题是我不知道如何使用该 ID。我需要一些东西来代替document.getElementById()。

JS：

function flashout(the_unique_id){
document.getElementByID(???).style.display = "";
}

HTML/CSS：

<div id="394" onclick="flashout(394)">...</div>
<div id="723" onclick="flashout(723)">...</div>

Answer 1

该 ID 应该可以使用，但您不必使用它。this只需作为参数传递：

<div id="394" onclick="flashout(this)">...</div>
<div id="723" onclick="flashout(this)">...</div>

并将该参数用作元素本身而不是字符串 ID：

function flashout(div_element){
   div_element.style.display = "none";
}

哦，如果你想让 DIV 消失 - 将 style.display 设置为“none”，而不是“”。

Answer 2

我想我明白你在找什么。

当您在 JavaScript 中建立函数及其参数时，在定义函数时，可以像变量一样使用参数。试试这个

HTML：

<div id="394" onclick="flashout(394)">...</div>
<div id="723" onclick="flashout(723)">...</div>

JS：

function flashout(unique_id){
  document.getElementByID(unique_id).style.display = "";
}