创建一个 ul 节点，并绑定 10 个 li 子节点，显示在 body 的第一个节点前

最新推荐文章于 2022-03-13 11:18:25 发布

xiaoxiezZ

最新推荐文章于 2022-03-13 11:18:25 发布

阅读量1.5k

点赞数

分类专栏：前端学习

本文链接：https://blog.csdn.net/xiaoxiezZ/article/details/80090999

版权

前端学习专栏收录该内容

35 篇文章 0 订阅

订阅专栏

var dul=document.createElement("ul");
            dul.id="dul";
            var ulText=document.createTextNode("ulText");
            dul.appendChild(ulText);
            
            //循环创建10个li节点，并添加为ul的子节点
            for(var i=0;i<10;i++){
                var text=new Array();
                text[i]="liText"+i;

                var dli=document.createElement("li");
                var liText=document.createTextNode(text[i]);
                dli.appendChild(liText);
                dul.appendChild(dli);
            }
        
            //将ul添加到body的第一个子节点
            var firstChild=document.body.firstChild;
            document.body.insertBefore(dul,firstChild);

效果如下图（不管样式了，打码的图片为原body第一个节点）……