JavaScript获取li的数量修改其样式删除其中一个li

最新推荐文章于 2022-07-21 21:19:09 发布

rowland001

最新推荐文章于 2022-07-21 21:19:09 发布

阅读量2k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/rowland001/article/details/50801169

版权

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Test</title>
    <script type="text/javascript">
        window.onload = function () {
            var myul = document.getElementById("ulme");
            var myli = myul.getElementsByTagName("li");

            alert(myli.length);
            for (var j = 0; j < myli.length; j++) {
                myli[j].style.border = "1px solid #000";
            }
            var every=document.getElementById("everywhere");
            every.parentNode.removeChild(every);

        }
    </script>
</head>

<body>
    <ul id="ulme">
        <li id="everywhere">It can be found everywhere.</li>
        <li class="test">It's easy to use.</li>
        <li class="test">It can help you to find what you want,really quickly.</li>
    </ul>

</body>
</html>

不知道为什么直接用documnet.getElementsByTagName("li")就不行。

rowland001

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript获取li的数量修改其样式删除其中一个li

Test window.onload = function () { var myul = document.getElementById("ulme"); var myli = myul.getElementsByTagName("li"); alert(myli.length);
复制链接

扫一扫