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”，而不是“”。