使用JavaScript for循环批量设置input的disabled属性失败如何解决
问题排查与修复方案
你的代码存在3处问题:
- 选择器匹配错误:
document.querySelectorAll('.form')匹配的是类为form的div容器,并非你要操作的2个input输入框,需要调整选择器定位到目标元素 - 循环终止条件错误:判断条件未读取节点集合的
length属性,i < disableParas的判断逻辑不成立,无法进入循环 - 属性值设置错误:禁用元素需要将
disabled属性设为true,你写的false是启用元素的逻辑
修复后可运行代码
// 选择form下的所有input元素 const disableInputs = document.querySelectorAll('.form input'); for (let i = 0; i < disableInputs.length ; i++ ) { disableInputs[i].disabled = true; }
内容的提问来源于stack exchange,提问作者troubledcoder
相关产品推荐
相关产品推荐

