使用 querySelector 将 For 和 id 添加到元素

Question

我有这个小提琴

https://jsfiddle.net/z40j1gtp/1/

我试图将 for 添加到父节点，然后将 id 添加到复选框，以便我可以将它们用于可访问性，这里是我的代码

<div class="cell">
  <span class="radio">
    <label role="radio" tabindex="0" class="el-radio" data-id="101148" aria-label="A_101148">
      <span class="el-radio__input">
        <span class="el-radio__inner"></span>
        <input type="radio" aria-hidden="true" tabindex="-1" class="el-radio__original" value="2">
      </span>
      <span class="el-radio__label">2</span>
    </label>
  </span>
</div>

我的 JS 代码

document.querySelectorAll('.el-input__original').forEach((element, index) => {
      
var id = element.parentNode.parentNode.getAttribute('data-id')
  // element.setAttribute('id','A_'+id)
})

但它没有添加它，我什至尝试在小提琴中添加控制台但它没有出现

Answer 1

请先尝试检查您的选择器是否有效。

document.querySelectorAll('.el-input__original')

将返回一个空的 NodeList，因为该元素不存在。

我认为您正在尝试访问“el-radio__original”class 而不是 el-input

请试试

document.querySelectorAll('.el-radio__original')