老师，为什么获取不到id

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>综合实例</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<script type="text/javascript" src="script.js"></script>
</head>
<body>
	<div class="main" id="main">
		<!--图片轮播-->
		<div class="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 prev"></a>
		<a href="javascript:void(0)" class="button next"></a>
		<!--圆点导航-->
		<div class="dots">
			<span class="active"></span>
			<span></span>
			<span></span>
		</div>
	</div>
</body>
</html>

//封装一个获取id的方法
function byId(id) {
	return typeof(id) === "string"?document.getElementById(id):id;
}

console.log(byId("main"));

console.log("1234");

实在找不出问题

暴力熊猫 2020-06-25

源自：项目：JavaScript轮播图 3-1 封装getElementById（）

收起

1回答

提问者暴力熊猫 2020-06-25 13:33:53

已解决..将导入js文件的代码放到了body之后就没事了，有什么方法可以避免此问题嘛，还是说以后都要把导入js文件的代码写在body之后？

收起回答

好帮手慕小班 #1

同学你好，1、，同学已经自己解决了问题，很棒呐。 2、js建议在html页面尾部引入，原因： html的加载顺序是从上往下执行，在加载到js引入时，js中的函数就会执行，此时需要如果存在根据html的结构来获取标签的内容时，可能在加载js时，html的标签还没加载所以会导致报错。因此建议将js放在html的尾部如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

2020-06-25 14:24:16