javascript如何选择元素和样式

Question

我是否知道如何在JavaScript中为以下内容构建CSS样式解析器/赋值器：

.book { width: calc(200px + 400px); }
.book h1 { font-size: 10em; }
div.book { color: blue; }
.book.green { background: green; }
.book[name="hello"] { color: pink; }
.book[data-name="hi"], .other-book { color: red; }
.book > a { text-decoration: none; }
.book a:nth-child(2) { color: purple; }

Answer 1

document.getElementsByClassName('box')实际上会返回一个集合。您应该在方括号内指定特定索引，如此

document.getElementsByClassName('box')[0].style.width = '100px';

这与classes和ids之间的差异有关。可以有多个具有相同类名的元素，但ID是唯一的。与

相同的公式

document.getElementById

由于我上面提到的不同，

不适用于类。

虽然，最好通过css完成。