Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript使输入类型=文本禁用或只读_Javascript_Html_Dom - Fatal编程技术网

使用javascript使输入类型=文本禁用或只读

使用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

大家好,我尝试使用JavaScript将大量文本输入设置为只读或禁用 我知道你可以用只读属性,但我想用JavaScript。我的问题是它在外部JavaScript文件中不起作用,但当我把它放在html文件中时,它在这里起作用的是代码

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里,原则是正确的。我假设代码中不止一个按钮。我知道事件委派是如何工作的,我只是认为您添加了该按钮,因为您不希望在整个页面(包括输入框)上单击任何按钮来切换禁用状态。。。