关于返回值

HTML部分：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</a>

</a>

</a>

</div>

</div>

</body>

</html>

JavaScript部分：

function ById(id){

return typeof(id) === "string"?document.getElementById(id):id;

}

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

老师，您好：

依据上面的部分，为什么我执行JavaScript部分之后，控制台打印的是null呢？解释一下

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

收起

1回答

好帮手慕小猿回答被采纳获得+3积分 2020-08-20 14:59:33

同学你好，程序的执行顺序是由上到下的。当执行引入的js代码时，计算机还没有执行html标签，所以找不到id的“main”标签，同学应该把js引入代码放到html标签后。这样才会执行成功

如果我的回答解决了你的疑惑，请采纳，祝学习愉快~

为学习而奋斗提问者 #1

那么也就是说刚开始的时候，如果是放在head标签里面的话，程序不会先执行到body标签里面而是先执行head标签里面，然后执行了script标签里面的JavaScript代码，然后找不到对应的main的标签，因为那个时候还在执行JavaScript代码，所以返回值为null，然后后面才执行到body标签的内容，然后才会执行对应的main的那个标签是嘛？

2020-08-20 17:29:55
好帮手慕小猿回复提问者为学习而奋斗 #2

是的，同学你的理解很正确，祝学习愉快~

2020-08-20 18:14:30
为学习而奋斗提问者回复好帮手慕小猿 #3

那老师，像script标签通常情况下是要写在head标签里面还是写在body标签里面？有点迷茫，在轮播图设计时，是将script标签写在body标签，那在前端案例和计算器设计的时候，是将script写在了head标签里面，感觉就是不知道应该什么时候写在body标签里面，什么时候写在head标签里面

2020-08-20 18:50:52