0

div を非表示にしようとしていますが、正しく動作していないようです。これが私のコードです:

<head>
<title>Home - Chrome</title>
<link rel="stylesheet" href="main.css">
<script src="jquery.js"></script>
<script>
function 1Hide() {
document.getElementById('div1').style.display = 'none';
}
</script>
</head>
<body>
<div id="div1">
</div>
<a onclick="1Hide" href="javascript:void(0);">Click</a>
</body>

CSS:

#div1 {
height: 100;
width: 700;
margin: 30 auto 0 auto;
background: #FFFFFF;
}
4

4 に答える 4

3

3 つの問題:

  • 変数/関数名は数字で始めることはできません
  • ()関数を呼び出さない
  • 数値の CSS 値には、次のようなサフィックスが必要です。px
于 2012-08-28T21:50:27.983 に答える
3

識別子は数字で始めることはできません。1Hide代わりに次のようなものに変更しHide1ます。さらに、関数を呼び出すには、次のように識別子の末尾に括弧を追加します。

Hide1();.

これにより、関数が呼び出されます。HTML は次のようになります。

<a onclick="Hide1();" href="javascript:void(0);">Click</a>

()関数名の末尾に演算子が追加されていることに注意してください。関数を呼び出すときはいつでも、これが使用する構文です。

于 2012-08-28T21:50:08.317 に答える
2

まず、括弧を使用します (クリック時に関数呼び出しを行うため)。次に、関数名を文字で始めます。

<script>
    function div1Hide() {
        document.getElementById('div1').style.display = 'none';
    }
</script>
<a onclick="div1Hide()" href="javascript:void(0);">Click</a>
于 2012-08-28T21:50:35.010 に答える
0

jQuery の hide 関数を次のように使用してみてください。

$('#myHideButton').click(function() {
   $('#div1').hide();
});
于 2012-08-28T21:58:38.037 に答える