0

我有一些我正在使用的基本 JavaScript。它在我的本地主机上运行良好，在网络上实现时会引发错误。我在使用 firefox 或 crome 的开发工具中收到以下错误。

未捕获的类型错误：无法调用 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 名称 ie main。

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

  • 更改变量名，即 insert。
  • 将 javascript 保留在脚本标签中，例如<script></script>.
  • 或者可能有一些隐藏的字符。

您html用大写字母封闭您的标签，即HTML。我想这可能是问题所在。

于 2013-05-15T11:27:04.333 回答