老师 为什么我这个立即执行函数不起作用？
来源：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文件，直接使用立即函数，也就是匿名函数自调用：
自己可以测试下，祝学习愉快！
0
相似问题
为什么放在立即执行函数里就会报错？
回答 1