0

CSS と JavaScript に関する基本的な質問があります。

複数の 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>
4

2 に答える 2

5

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" に設定します。

于 2013-08-26T21:35:49.000 に答える