简单的classlist.add(“ someclass”)总是出现错误

问题描述 投票:0回答:1

这是我要面对的事情的简单表示

var box=document.getElementsByClassName('foo')
    box.classList.add('things')
    .foo{
        height: 50px;
        width: 50px;
        background-color: aqua;
        border: 1px solid royalblue;
    }
    .things{
        border-radius: 50%;
    }
<body>
    <div class="foo"></div>
</body>

Javascript控制台总是返回这些。未捕获的TypeError:无法读取未定义的属性“ add”有什么我想念的吗?

javascript dom
1个回答
0
投票

[getElementsByClassName返回列表,因此您需要按如下方式指定index

var box=document.getElementsByClassName('foo')[0];
© www.soinside.com 2019 - 2024. All rights reserved.