代码是否正确,需要引入domReady.js吗

代码是否正确,需要引入domReady.js吗

<!DOCTYPE html>

<html>

<head>

<title></title>

<style type="text/css">

.li{

list-style:none;

height:50px;

line-height: 50px;

width:100px;

background-color:lightblue;

text-align:center;

}

</style>

</head>

<body>


<script>

//添加注释

  var comment=document.createComment("创建节点");

  var ul=document.createElement("ul");

  var frame=document.createDocumentFragment();

  for(var i=0;i<3;i++){

  var li=document.createElement("li");

  li.className="li";

  var text=document.createTextNode("第"+(i+1)+"个li");

  li.appendChild(text);

  frame.appendChild(li);

  }  


   ul.appendChild(frame);

   document.body.appendChild(ul);

   document.body.insertBefore(comment,document.body.lastChild);

</script>

</body>

</html>


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

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

1回答
好帮手慕夭夭 2019-04-01 16:26:02

你好同学,效果实现的正确 。不需要引入domReady.js 。domReady.js封装的方法是为了让js在DOM结构(也就是body里面的标签元素)加载完毕再执行 。

之所以要用它 ,是因为js写在了head里面 ,代码顺序加载 ,先执行js,后执行body里面的标签 。而你的代码中一是body里面没有写任何标签 ,二是js本身也写在body里面。所以不需要哦

祝学习愉快 ,望采纳。

问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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