javascript - setAttribute 未更改值

Question

我有三个元素，我正在尝试为每个元素设置属性:

const foldable = document.getElementsByClassName('foldable')
let result = Array.from(foldable)
result.forEach(i => {
 i.onclick = () => {
  i.getAttribute('isClicked') 
   ? i.setAttribute('isClicked', false)
   : i.setAttribute('isClicked', true)
 }
})

如果 isClicked 的值为 true，则 isClicked 应该为 false，否则如果 isClicked 的值为 false，则 isClicked 应该为 true，但它只能工作一次。如果 isClicked 等于 false，则 isClicked 不会更改为 true。

Answer 1

您需要将三元运算符更新为以下内容

(i.getAttribute('isClicked') === "true")
   ? i.setAttribute('isClicked', false)
   : i.setAttribute('isClicked', true)

因为，如果属性为 false，i.getAttribute('isClicked') 将给出一个字符串 "false"，即评估为真实。