首页 > 解决方案 > javascript:未捕获的类型错误:无法将属性“禁用”设置为 null

问题描述

我想知道为什么我的脚本没有使用 id 值吗?

我在由 test.js 命名的单个文件中的单独文件夹中使用了此代码,这是我的起始代码。

var myInput = document.getElementById("newPass");
var confInput = document.getElementById("confpsw");
var letter = document.getElementById("letter");
var capital = document.getElementById("capital");
var number = document.getElementById("number");
var length = document.getElementById("length");
var special = document.getElementById("special");    
document.getElementById("Button").disabled = true;

我的视图代码是..

<button id="Button" class="btn btn-lg btn-primary btn-block btn-signin" type="submit">Submit</button>

我得到了这样的错误......

未捕获的类型错误:无法将属性“禁用”设置为 null

为什么我的脚本在 cshtml 中不起作用?

标签: javascriptc#

解决方案


似乎代码在 DOM 准备好之前正在运行。尝试使用DOMContentLoaded.

DOMContentLoaded 事件在初始 HTML 文档完全加载和解析后触发,无需等待样式表、图像和子框架完成加载。

document.addEventListener("DOMContentLoaded", function(event) {
  document.getElementById("Button").disabled = true;
});

推荐阅读