Javascript，变量不能调用方法'getelementsbytagname;零

Javascript, variable is cannot call method 'getElementsByTagName' of null

本文关键字：getelementsbytagname 方法 变量 不能 调用 Javascript      更新时间：2023-09-26

我有一些基本的JavaScript，我周围的工作。它在我的本地主机上工作得很好，当在web上实现时抛出错误。我在使用firefox或chrome的开发工具中得到以下错误。

未捕获的TypeError: Cannot call method 'getElementsByTagName' of null.

非常感谢任何帮助。由于

<!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>

上面的代码看起来不错。没有错误。这不能工作的唯一可能的情况是，你可能已经忘记改变你在你的项目中使用的原始id名称与这个演示id，即main。

这真的很难说。检查方法如下

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

您正在用大写字母(即HTML)封装html标记。我想这可能是问题所在。

相关文章：
  • 没有找到相关文章