Question

我有一些我正在使用的基本JavaScript。它在我的localhost上运行正常，在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>

Answer 1

以上代码看起来不错。没有错误。唯一可行的情况是，您可能忘记更改项目中使用的原始ID名称，并使用此演示ID main。

真的很难说。通过执行以下操作检查

更改变量名称，即insert。
将javascript保留在<script></script>等脚本标记中。
或者可能有一些隐藏的角色。

您附上的html标记带有上限，HTML。我想这可能是问题。

Javascript，变量为null - 无法调用方法＆＃39; getElementsByTagName＆＃39;为null

1 个答案: