使用原生javaScript创建ul和li对象以及操作

最新推荐文章于 2024-07-24 20:18:42 发布

1900_

最新推荐文章于 2024-07-24 20:18:42 发布

阅读量4.4k

点赞数 1

分类专栏： # html

本文为博主原创文章，如需转载请联系博主授权。如果对博客文章有建议，可以联系邮箱zpf1900@foxmail.com

本文链接：https://blog.csdn.net/holly_Z_P_F/article/details/90524123

版权

html 专栏收录该内容

16 篇文章 4 订阅

订阅专栏

要求

代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>元素对象</title>
    <script type="text/javascript">
        function init() {
            var ul=document.createElement("ul");//创建ul节点
            document.body.appendChild(ul);//将ul节点加到body

            var a,b;
            a=new Array("苹果","香蕉","飞机");
            for(b=0;b<=2;b++){
                var li=document.createElement("li");  //创建li节点
                var text=document.createTextNode(a[b]);  //创建文本节点
                li.appendChild(text);  //为li追加文本节点
                ul.appendChild(li);  //将li加入ul
            }
            
            //删除第二个元素
            var elem=document.getElementsByTagName("ul");//获取ul
            //console.log(elem.length);

            var son=document.getElementsByTagName("li");//获取li
            //console.log(son.length);

            elem[0].removeChild(son[1]);//删除第二个节点
        }
    </script>
</head>
<body onload="init()">

</body>
</html>