这些代码一定要在老师封装好的函数里面执行嘛?

这些代码一定要在老师封装好的函数里面执行嘛?

这些代码一定要在老师封装好的函数里面执行嘛?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕码 2019-10-18 10:06:47

同学你好!
对的,代码是从上到下执行的,当你获取document.getElementById("myList")等的时候,html中的<ul id="myList"></ul> 还没加载、渲染完,所以会报错。

所以可以参考“好帮手慕星星”老师所讲:如果script标签在body底部,不需要引入这个文件;如果script标签在head中,需要引入这个文件,或者代码外层用window.onload事件包裹,目的就是先让html中的元素都加载完,再进行js操作。

如果帮助到了你,欢迎采纳,祝学习愉快~

好帮手慕星星 2019-10-07 15:04:27

同学你好,

指的是封装的这个文件吗?

http://img1.sycdn.imooc.com//climg/5d9ae2fe0961825706450074.jpg

不一定要引入这个文件哦,这个文件里面封装的是文档就绪函数,避免元素获取不到就使用了。

如果script标签在body底部,不需要引入这个文件;如果script标签在head中,需要引入这个文件,或者代码外层用window.onload事件包裹也可以哦。

祝学习愉快!

  • 我尝试着将script标签放在body的顶部,控制台会进行报错, <script> //基础创建方法: //第一步,获取ul对象 var ul=document.getElementById("myList"); //第二步,创建li标签 var li=document.createElement("li"); //第三步,把创建好的li放入到ul里 ul.appendChild(li); </script> <ul id="myList"></ul> </body> 为什么呢?是因为代码执行要按照顺序从上往下的原因嘛?必须要先有ul标签,才可以再进行获取,创建等一系列操作
    2019-10-17 23:02:51
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师