老师，为什么获取不到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