使用javascript使输入类型=文本禁用或只读
大家好,我尝试使用JavaScript将大量文本输入设置为只读或禁用 我知道你可以用只读属性,但我想用JavaScript。我的问题是它在外部JavaScript文件中不起作用,但当我把它放在html文件中时,它在这里起作用的是代码使用javascript使输入类型=文本禁用或只读,javascript,html,dom,Javascript,Html,Dom,大家好,我尝试使用JavaScript将大量文本输入设置为只读或禁用 我知道你可以用只读属性,但我想用JavaScript。我的问题是它在外部JavaScript文件中不起作用,但当我把它放在html文件中时,它在这里起作用的是代码 var myInpts=document.querySelectorAll("input[type=text]"); for(var i=0;i<myInpts.length;i++)myInpts[i].disabled=true; alert(my
var myInpts=document.querySelectorAll("input[type=text]");
for(var i=0;i<myInpts.length;i++)myInpts[i].disabled=true;
alert(myInpts.length);
为DOMContentLoaded添加一个事件侦听器,这将确保在DOM就绪时执行代码
document.addEventListener'DOMContentLoaded',=>{
document.querySelectorAllinput[type='text'].forEachinput=>{
input.disabled=true;
}
};
您可以发布您当前使用的html文件代码吗?如果您的javascript不能在外部文件中工作,那么这个原因是onReady,因为您的网页必须在dom中完全加载。您可以将外部文件放在HTML代码的页脚中,然后再次测试它。那么,脚本标记在哪里?您有任何错误吗?如果是的话,请把它也贴出来!如果元素存在且DOM已加载,则您的代码应该可以工作…@Mohammaddrezayektamaram我确实按照您所说的那样在页脚中添加了元素,并且工作正常谢谢您代码示例是错误的…@epascarello我更正了事件。刚开始用的是点击,我的错。你已经写了文档。添加了“点击”。。。而不是document.querySelector'button'。添加了ventListener'click',所以我已经更正了它。为什么您总是试图向文档添加单击侦听器@FZ在这里看一看:虽然我同意你可能想要确定它的范围。也许把按钮包在一个div里,原则是正确的。我假设代码中不止一个按钮。我知道事件委派是如何工作的,我只是认为您添加了该按钮,因为您不希望在整个页面(包括输入框)上单击任何按钮来切换禁用状态。。。