JavaScript__之报错处理

最新推荐文章于 2022-08-01 13:55:02 发布

weixin_33881140

最新推荐文章于 2022-08-01 13:55:02 发布

阅读量224

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5d0a1f38f265da1bce3dd573

博客记录了 JavaScript 报错问题，报错信息为 'Uncaught TypeError: Cannot read property 'getElementsByTagName' of null'。经排查，发现问题在于 JavaScript 代码不应写在 head 中，而应写在 body 中，最后给出了更改后的代码及运行结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报错提示文字

Uncaught TypeError: Cannot read property 'getElementsByTagName' of null

报错控制台显示图片

html代码显示

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="../css/index.css">
    <!--这一种是在底部加载类容-->
    <script src="../js/index.js"></script>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="main" id="main">
    <!--图片轮播-->
    <div class="banner" id="banner">
        <a href="">
            <div class="banner-slide slide1 slide-active"></div>
        </a>
        <a href="">
            <div class="banner-slide slide2"></div>
        </a>
        <a href="">
            <div class="banner-slide slide3"></div>
        </a>
    </div>
    <!--上一张，下一章图片-->
    <a href="javascript:void(0);" class="button pre"></a>
    <a href="javascript:void(0);" class="button next"></a>
    <!--设置小圆点-->
    <div class="dots">
        <ul>
            <span class="active"></span>
            <span></span>
            <span></span>
        </ul>
    </div>
</div>
</body>
</html>
复制代码

解决过程，发现javaScript不应该写在head中，应该写在body中

更改后的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" type="text/css" href="../css/index.css">

    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="main" id="main">
    <!--图片轮播-->
    <div class="banner" id="banner">
        <a href="">
            <div class="banner-slide slide1 slide-active"></div>
        </a>
        <a href="">
            <div class="banner-slide slide2"></div>
        </a>
        <a href="">
            <div class="banner-slide slide3"></div>
        </a>
    </div>
    <!--上一张，下一章图片-->
    <a href="javascript:void(0);" class="button pre"></a>
    <a href="javascript:void(0);" class="button next"></a>
    <!--设置小圆点-->
    <div class="dots">
        <ul>
            <span class="active"></span>
            <span></span>
            <span></span>
        </ul>
    </div>
</div>
<!--这一种是在底部加载类容-->
<script src="../js/index.js"></script>
</body>
</html>
复制代码