如何在没有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>

并将该param用作元素本身而不是字符串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 = "";
}