1

だから私はJavaScriptを学び始めました。「Click Me!」をクリックしてもアラート ボックスが表示されません。

<!DOCTYPE html>

<html lang="en">
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>JAVASCRIPT</title>

</head>
<body>

    <a href="#" id="anchor">Click Me!</a>

    <script type="text/javascript">

        var anchor = getElementById('anchor');
        // or anchor = getElementsByTagName('a') then do ('a')[0]

        anchor.addEventListener('click', doSomething, false);

        function doSomething() {
            alert('clicked');
        }

    </script>

</body>
</html>
4

3 に答える 3

4

document.あなたは次の行で忘れましたgetElementById：

 var anchor = document.getElementById('anchor');
于 2012-05-21T18:27:11.770 に答える
0

より迅速なゲリラ スタイルのアプローチは次のようになります。

<a href="javascript:;" onclick="alert('clicked')">Click Me!</a>

一般的には、保守性に影響するため、インライン JS コードを追加することはお勧めしません。これは良いでしょう。「this」から要素参照を取得できるため、document.getElementById() を使用する必要はありません。

<a href="javascript:;" onclick="my_function(this)">Click Me!</a>

<script>
my_function = function(elem) {
   //elem points to anchor element clicked
}
</script>
于 2014-07-11T14:50:08.937 に答える
0

getElementByIddocumentグローバル関数ではなく、オブジェクトのメソッドです。

に変更しますdocument.getElementById('anchor');

href="#"（ただし、実際のページの場合よりも便利なフォールバックがあります）

于 2012-05-21T18:26:53.863 に答える