Warum document.getElementById verwenden, wenn ich direkt auf die DOM-ID in JavaScript verweisen kann?

Question

Mögliche Duplizieren:
IE/Chrome: are DOM tree elements global variables here?

Ich habe kürzlich entdeckt, dass ich in JavaScript jedes Objekt von DOM mit einem direkten Bezug auf seine ID verwenden:

<div id="layer">IM A LAYER</div> 
<script> 
    alert(layer.innerHTML); 
</script> 

Wenn diese ist wahr, welchen Vorteil würde ich mit der Methode getElementById bekommen?

Answer 1

Wenn Sie direkt auf ein DOM-Element zugreifen, erhalten Sie einen Fehler, wenn das Element nicht existiert. Wenn Sie getElementById verwenden, wird NULL zurückgegeben.

Sie können auch nicht direkt auf alle Elemente zugreifen, wenn sie beispielsweise Bindestriche in ihrem Namen haben (some-id), da JS-Variablen keine Bindestriche enthalten können. Sie könnten jedoch auf diese mit window['some-id'] zugreifen.

Answer 2

Dies funktioniert nur für id 's enthält Buchstaben für Variablennamen erlaubt. Für IDs wie text-11 oder item-key-21 wird es nicht funktionieren.

Answer 3

zum Beispiel, wenn in Ihrer Seite, die Sie an anderer Stelle eine andere vorherige Skript mit

<script> 
var layer = false; // or any other assignment 
</script> 

layer wird ein Verweis auf window.layer sein, dann wird layer.innerHTML scheitern. Mit document.getElementById vermeiden Sie diese kniffligen Fehler