老师 为什么我这个立即执行函数不起作用?
来源:2-4 编程练习
一只会跳桑巴的猪
2019-03-21 15:34:08
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> .li{list-style:none;height:50px;line-height:50px;width:100px;background-color:lightblue;text-align:center;} </style> </head> <body> <script> myReady(function(){ var fragment=document.createDocumentFragment(); var comment=document.createComment("创建节点"); var ul=document.createElement('ul'); var li=null; for(var i=0;i<3;i++){ li=document.createElement("li"); li.appendChild(document.createTextNode('第'+(i+1)+'个li')); fragment.appendChild(li); } ul.appendChild(fragment); document.body.appendChild(ul); document.body.insertBefore(comment,ul); }); </script> </body> </html>
1回答
你好,
1、代码中使用的是myReady()方法,视频中引入了相关的js文件:
引入文件之后才会起作用。
并且css样式中设置的是.li的样式,
说明是一个class类名,代码中没有添加上这个类,所以样式就不会添加上,可以直接改为元素:
2、或者不引入视频中的js文件,直接使用立即函数,也就是匿名函数自调用:
自己可以测试下,祝学习愉快!
相似问题
回答 1