Warum haben zwei Elemente auf einer Seite dieselbe ID?

Question

auf einer Webseite ich dies im Markup an einer Stelle sehen: (man beachte die ID der Spanne)

<div id="UpdatePanel3">  
    <span id="Timer3" style="visibility:hidden;display:none;"></span> 
    <select name="DropDownList1" id="DropDownList1" class="form-control" 
     size="2" onchange="navFromList(this.value);"> 
     <option value="12720">Blawblawblaw</option> 
    </select>           
</div> 

Und unten am Boden in einem Abschnitt CDATA Ich sehe das (die uniqueID bemerken):

Sys.Application.add_init(function() { 
    $create(Sys.UI._Timer, {"enabled":true,"interval":15000,"uniqueID":"Timer3"}, null, null, $get("Timer3")); 
}); 

Wie können sie die gleiche ID auf der gleichen Seite haben? Ich weiß, dass es etwas mit AJAX zu tun hat (oder zumindest teilweise Seitenauffrischungen), aber ich verstehe es noch nicht.

Kann mir das bitte jemand erklären?

Answer 1

Dieser Aufruf $create erstellt ein Objekt des Typs und hängt es dann an den Bereich in der DOM-Struktur an. Beachten Sie, dass der Timer selbst kein DOM-Objekt ist, sondern nur ein JavaScript-Objekt. Es hat nur den gleichen Wert des Feldes uniqueID wie die ID des DOM-Objekts.

Sie können so viele JavaScript-Objekte erstellen, wie Sie während der Lebensdauer der Seite erstellen möchten, wobei alle Felder "id" oder "ID" oder "uniqueID" auf denselben Wert gesetzt sind. Es bezieht sich nicht direkt auf Ihr DOM-Modell und steht damit nicht in Konflikt.