0

私はいくつかの基本的な JavaScript を使用しています。Webに実装するとエラーがスローされるため、ローカルホストで正常に動作します。firefox または crome を使用している開発ツールで次のエラーが発生します。

キャッチされていない TypeError: null のメソッド 'getElementsByTagName' を呼び出せません。

どんな助けでも大歓迎です。ありがとう

<!DOCTYPE html>
<html>

    <head>
        <title>Title</title>
        <style type="text/css">
            body {
                background-color: beige;
                margin: 0;
            }
            #main li {
                width: 100px;
                padding: 5px 0;
            }
        </style>
    </head>

    <body>
        <div id="main">
            <ul>
                <li>A list item</li>
                <li>B list item</li>
                <li>C list item</li>
            </ul>
        </div>
        <script type="text/javascript">
            var insert = document.getElementById("main");
            insert.getElementsByTagName("li")[1].style.borderRight = "1px solid blue";
        </script>
    </body>

</HTML>
4

1 に答える 1

0

上記のコードは良さそうです。エラーはありません。これが機能しない唯一の条件は、プロジェクトで使用している元の ID 名をこのデモ ID で変更するのを忘れた可能性があることです main。

言うのは本当に難しいです。以下を実行して確認します

  • 変数名を変更します insert。
  • のようなスクリプトタグに JavaScript を保持します<script></script>。
  • または、いくつかの隠し文字がある可能性があります。

htmlタグを大文字で囲んでいますHTML。これが問題かもしれないと思います。

于 2013-05-15T11:27:04.333 に答える