如何在两个细节元素上设置属性和删除属性？
如何在两个细节元素上设置属性和删除属性？
提问于 2020-10-06 11:40:03
我有一个带<details>标签的下拉菜单的导航条。
sum.addEventListener("mouseenter", (event) => {
details.setAttribute("open", "open");
});
sum.addEventListener("mouseleave", (event) => {
details.removeAttribute("open", "open");
});当鼠标悬停在details标签上时，我想添加和删除一个属性。第一次下降似乎有效，但第二次下降不起作用。请帮帮我！
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-10-06 12:22:12
Document方法querySelector()返回与指定选择器或选择器组匹配的文档中的第一个元素。如果没有找到匹配项，则返回null。MDN
下面，您将选择嵌套在其中的第一个details和summary。
let details = document.querySelector("details");
let sum = document.querySelector("summary");您可以使用document.querySelectorAll。
let details = document.querySelectorAll("details");
let sum = document.querySelectorAll("summary");
sum.forEach((sum, index) => {
sum.addEventListener("mouseenter", (event) => {
details[index].setAttribute("open", "open");
console.log(details[index]);
});
sum.addEventListener("mouseleave", (event) => {
details[index].removeAttribute("open", "open");
console.log(details[index]);
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64225074
复制相关文章
相似问题
腾讯云开发者
