gpt4 book ai didi

javascript - 不能对单个元素使用 querySelectorAll 吗?

转载 作者:行者123 更新时间:2023-11-28 05:18:25 24 4
gpt4 key购买 nike

<分区>

我知道在正常情况下,您会使用 querySelector 来选择单个元素,使用 querySelectorAll 来选择多个元素。但是,我惊讶地发现 querySelectorAll 不适用于单个元素。我希望它能与一个或多个一起工作。我找不到任何说明它不应该只与一个一起工作的东西,所以我想问一下这是否正常并符合规范?

HTML:

<div class="top container">
<div class="pod" draggable="true">big</div>
<div class="pod" draggable="true">small</div>
<div class="pod" draggable="true">happy</div>
<div class="pod" draggable="true">rich</div>
<div class="pod" draggable="true">fast</div>
</div>

JS:

function dragStart(e) {
console.log("drag started");
e.target.style.opacity = "0.5";
}

适用于此(调用 dragStart 函数):

var topPods = document.querySelector(".top");
topPods.addEventListener("dragstart", dragStart);

但不适用于此(未调用 dragStart 函数):

var topPods = document.querySelectorAll(".top");
topPods.addEventListener("dragstart", dragStart);

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com