javascriptでオブジェクトを動的に非表示にする方法

あなたのアカウントでログインできるウェブページがあります。アイデアはあなたの基本情報(名前、電子メールなど)のいくつかと小さな正方形(あなたのstackoverflowと同様)が表示されるということです。これはphp、css、javascriptの組み合わせですが、phpは選択するだけですユーザーの名前だから、私は次のコードを持っています:


<script type="text/javascript">
function showUser()
{
    //Unknown code here
}
</script>

ページの一部で...:     ようこそゲスト!

ビジターは実際には、ログインしたユーザーや訪問していないユーザーがいる場合にphp経由で設定されます。ここにはボックスがあります:

<table class='UserInfo' id='UserInfo' >
<tr>
<td>

This user is a guest user. There is no information available.

</td> </tr> </table>

だから、訪問者を押すとボックスが表示されるので、コードはshowUser()に入り、ボックスが最初に隠されるようにJavaScriptコードをどこに置く必要があるかを知る必要があります。 私がそれを押したときに表示されるボックスについては、このコードをshowUser()関数に入れてみました:

document.getElementById('UserInfo')style.visibility = 'hidden';

しかし、それは動作しませんでした。私はそれが見えるように始まるので、それを隠した。

ありがとうございました

1
それは正しい方法ですが、idでget要素とスタイルの間にドットをなくしました
追加された 著者 hackartist,
htmlスタイルに直接入れることができます...可視性を持つクラスを配置するだけです:隠したり、必要な要素にインライン展開します。
追加された 著者 hackartist,
確かにありがとう
追加された 著者 hackartist,
ありがとう、私が見つけたすべての情報源はドットを置かなかった。また、bodyタグのonLoad関数のほかに、javascriptのコードをどこに隠しておくのかを知っていますか?
追加された 著者 rdelfin,
はい、ありがとう。それがそれでした。
追加された 著者 rdelfin,
あなたは答えとしてそれを置くことができますか?私はそれが好き。私はそれを正しいものとしたいと思います
追加された 著者 rdelfin,

3 答え

あなたもこれを行うことができます:

var_name = document.getElementById("idname").style.display = 'none';
6
追加された
私はdiv onclickを隠そうとしていましたが、これが働く唯一の方法です、私はvisibility = "hidden"を試みていました。 Javascriptは、時には本当に扱いにくいことがあります。
追加された 著者 Georges,

これを行う正しい方法ですが、getElementByIdとjavascriptコードが動作するためのスタイルプロパティの間にドットを置く必要があります。要素を非表示にしたい場合は、

visibility:hidden;

隠し要素のインラインスタイルとして配置することもできます。また、loadイベントが発生したときにjavascriptで行うこともできますが、ページがレンダリングに長い時間がかかると、準備完了イベントが発生するまで隠されているはずのものが表示されるため、htmlで行う方が良いです。運が良かった。

1
追加された

またはjquery:

$('.anyClass').fadeOut('fast');
0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript