Question

我有一个名为X的类，里面有多个<span>，还有一个CSS选择器X span。

在JavaScript中，在以下情况下如何使用X span代替X：

document.querySelector('.ABC').classList.add(X)

我尝试了document.querySelector('.ABC').classList.add(X span)，但这肯定不起作用。

Answer 1

在Javascript中，使用HTML的方式如下：

您要求浏览器为您提供一个与HTML元素相对应的对象或对象列表
您使用对象来修改页面

如果我正确理解，您想要做的是：

通过className“ .ABC”查找元素
在该元素内找到“ span” -s
给那些跨越一堂课的人

要执行这些操作，请按照以下步骤操作：

// get the first element that matches .ABC
let parent = document.querySelector(".ABC");
// now parent is either an Element, or undefined/null

// if it's not null, we can call querySelectorAll
// get all elements inside the parent that are spans
let spans = parent.querySelectorAll("span");
// spans is now either an array of Elements, or undefined/null
// if it's not null, we can iterate over it
for (let span of spans) {
    span.classList.add('X');
}

JavaScript：在classList中添加特定于类的标签

1 个答案: