Schaltfläche startet nicht anfänglich deaktiviert

Question

Ich habe eine Absenden-Schaltfläche, und möchte es zunächst deaktiviert, so habe ich das folgende JavaScript;

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

Wenn ich es ausführe ist es immer noch als aktiviert aus irgendeinem Grund gesetzt. Wenn ich jedoch eine Funktion habe, die beim Klicken auf eine andere Schaltfläche die erste Schaltfläche deaktiviert, wird sie deaktiviert.

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

Dies ist die normale Deklaration beider Tasten;

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

ich auch versucht, die Verwendung von setAttribute und removeAttribute

PS: ich Visual Studio 2015 bin mit und Chrome läuft. Wenn ich mit dem Internet Explorer arbeite, bekomme ich einen seltsamen Fehler, der besagt: "JavaScript-Laufzeitfehler: Eigenschaft kann nicht eingestellt werden" von undefinierter oder Null-Referenz "[Nur Internet Explorer, in Chrome funktioniert die Schaltfläche normal, obwohl sie aktiviert ist].

Answer 1

Sie müssen die Funktion aufrufen, um sie zu deaktivieren.

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

<button id="myBtn">Submit</button>

Oder eine selbst Aufruf anonyme Funktion verwenden:

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

<button id="myBtn">Submit</button>

Oder warten, bis beendet Browser die Seite Komponenten geladen werden:

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

<button id="myBtn">Submit</button>