使用DOM操作选择列表中的项目
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使用DOM操作选择列表中的项目相关的知识，希望对你有一定的参考价值。
document.getElementsByClassName('input-wrapper')
结果
有没有办法通过执行dom操作来选择离子列表的第二项？
尝试使用选定的索引不起作用
答案
使用可以选择带索引的第二项，检查片段
var el = document.getElementsByClassName('input-wrapper');
Object.keys(el).forEach(item=>{
el[item].addEventListener('click' ,()=>{
el[item].children[0].checked = !el[item].children[0].checked
console.log(el[item]);
})
})<div class="input-wrapper">1 label <input type="radio" value="select"> Label</div>
<div class="input-wrapper">2 label <input type="radio" value="select"> Label</div>
<div class="input-wrapper">3 label
<input type="radio" value="select"> Label
</div>
<div class="input-wrapper">4 label <input type="radio" value="select"> Label </div>
<div class="input-wrapper">5 label <input type="radio" value="select"> Label </div>
<div class="input-wrapper">6 label <input type="radio" value="select"> Label </div>以上是关于使用DOM操作选择列表中的项目的主要内容，如果未能解决你的问题，请参考以下文章