为什么不能通过getElementsByClassName 方式来改变原有的className？

<!DOCTYPE html><html><head>
    <title></title>
    <style type="text/css">
    .show{            width: 100px;            height: 100px;            border: 1px solid pink;
        }    </style>
    <script type="text/javascript">
        function rec(){            var gg=document.getElementsByClassName("close");
            gg.className="show";
        }    </script></head><body><div class="close">hello world</div><input type="button" name="" value="change" onclick="rec()"></body></html>

为什么这样没效果？
要把class="close"改成id="close";通过var gg=document.getElementById("close");才有效？

喵喵时光机

浏览 1273回答 1

1回答

当年话下

该方法返回的是个类数组对象，并不是单个元素。可以试试gg[0].className = 'show'

0 0

随时随地看视频慕课网APP