js动态dom节点对象和非动态dom节点对象

最新推荐文章于 2022-04-12 19:09:20 发布

babybk

最新推荐文章于 2022-04-12 19:09:20 发布

阅读量569

点赞数

分类专栏： javasctipt js细节问题文章标签： dom javascript

本文链接：https://blog.csdn.net/babybk/article/details/51286951

版权

javasctipt 同时被 2 个专栏收录

62 篇文章 1 订阅

订阅专栏

js细节问题

1 篇文章 0 订阅

订阅专栏

从这个例子可以看出document.getElementsbyClassName( )是一个动态的方法
而document.getElementsbyClassName( )[ i ],不是动态的（所有带getElements的dom方法都一样遵循这个道理）

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div class="box" style="width:100px;"></div>
    <div class="box" style="width:100px;"></div>
    <div class="box"  id = "qqq"style="width:100px;"></div>
    <div class="box" style="width:100px;"></div>
    <div class="box" style="width:100px;"></div>
    <script type="text/javascript">
        var arr = [];

        arr[0] = document.getElementsByClassName('box')[4];
        qqq.parentNode.removeChild(qqq);
        arr[0].style.width = "1000px";
    </script>
</body>
</html>