Javascript 按钮不存在'；t启动初始禁用

我有一个submit按钮，希望它一开始就被禁用，所以我在JavaScript中做了如下操作：

var button = document.getElementById("myBtn");
button.disabled = true;

当我运行时，由于某些原因，它仍然设置为启用。然而，当我有一个功能，当点击另一个按钮禁用第一个按钮时，它会被禁用

function myFunction() {
document.getElementById("myBtn").disabled = true;
}

这是两个按钮的正常声明

<button id="myBtn">Submit</button>
<button onClick = "myFunction()">Disable Submit Button</button>

提交
禁用提交按钮

我还尝试使用setAttribute和removeAttribute

---

PS：我正在使用Visual Studio 2015，并使用Chrome运行。当我使用internet explorer运行时，它会给我一个奇怪的错误，说“JavaScript运行时错误：无法设置未定义或空引用的属性'disabled'”[仅在internet explorer上，在Chrome中，尽管已启用，但按钮仍能正常工作]。

您必须调用该函数才能将其禁用

函数myFunction（）{
document.getElementById（“myBtn”）.disabled=true；
}
myFunction（）
Submit
您必须确保此JavaScript代码等待整个文档加载，或者将其放置在HTML的底部，以便在脚本执行时按钮已经加载。是否使用
DOMContentLoaded
事件？当使用
button.disabled=true时如果放置正确，禁用功能可以正常工作。为了更好地理解，请用页眉和页脚编辑您的代码。@ScottMarcus谢谢，这使它工作了！我不知道这真的影响了我。我曾经把它放在HTML的最右上方，如果你使用我的答案中的第三种方法，你不必把你的脚本下移。