エラープロンプトテキスト
キャッチされない例外TypeError：ヌルのプロパティ「getElementsByTagNameの」を読み込めません
エラーコンソールディスプレイの写真
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が頭の中で書かれるべきではない、体が中に書かれるべきで見つかりました
コードを変更した後、
<!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>
复制代码最後に、営業成績
ます。https：//juejin.im/post/5d0a1f38f265da1bce3dd573で再現