const el = document.querySelector('#myElement');改为选择所有类名为class1的元素

可以使用以下代码来选择所有类名为 `class1` 的元素：

const elements = document.querySelectorAll('.class1');

这里使用了 `querySelectorAll` 方法，它可以返回文档中所有与指定选择器匹配的元素，返回一个 NodeList 对象。然后可以使用 NodeList 对象中的元素进行后续操作。

相关问题

document.querySelector

`document.querySelector()` 是一个用于在文档中查找匹配选择器的第一个元素的方法。它接受一个 CSS 选择器作为参数，返回一个匹配该选择器的元素。如果没有找到匹配的元素，返回 `null`。

例如，如果我们想选中 ID 为 "myElement" 的元素，可以使用以下代码：

const element = document.querySelector('#myElement');

这将返回 ID 为 "myElement" 的元素，如果没有找到，则返回 `null`。我们可以使用返回的元素进行进一步的 DOM 操作。

document.queryselector控制元素向上移动怎么表示

要使用 JavaScript 中的 `document.querySelector` 控制元素向上移动，你可以使用 `Element.style.top` 属性来修改元素的垂直位置。以下是一个示例代码：

// 选择要移动的元素
const element = document.querySelector('#myElement');

// 获取当前元素的上边距
const currentTop = parseInt(element.style.top) || 0;

// 设置新的上边距，向上移动 50 像素
element.style.top = `${currentTop - 50}px`;

在这个示例中，我们首先使用 `document.querySelector` 来选择要移动的元素。然后，我们获取当前元素的上边距，可以使用 `element.style.top` 属性获取，但是要注意它返回的是一个字符串，所以我们使用 `parseInt` 函数将其转换为整数。接下来，我们将新的上边距设置为当前上边距减去 50 像素，并将其作为字符串赋值给 `element.style.top` 属性。

通过修改 `element.style.top` 属性，你可以控制元素向上移动。记得将 `#myElement` 替换为你需要移动的元素的选择器。