Frage zu Container

[hss404]

was bringt mir hier eigentlich eine id und was kann ich damit anstellen

<div id="Layer1" 
style="position:absolute; width:200px; height:100px; z-index:0; background-color: 
#0099CC; border: 100px solid #5AC339;left:200px; top: 120px"></div

 

[w7]

Eine ID identifiziert den jeweiligen Container / das jeweilige Element. Hast du beispielsweise mehrere Elemente eines bestimmten Tags, welche mit der gleichen Klasse ("class") per CSS gestaltet sind kannst du mithilfe der ID in JavaScript bestimmte Operationen durchführen. Ebenso kannst du mithilfe der ID in CSS Stile aufschalten.

Beispiel:

<p class="meinAbsatz" id="eins">Erster Absatz</p>
<p class="meinAbsatz" id="zwei">Zweiter Absatz</p>
<p class="meinAbsatz" id="drei">Dritter Absatz</p>

Während du allen dreien das gleiche Absatzformat zuordnen kannst per CSS (im Code beispielsweise .meinAbsatz { color:red;background-color:blue; }), kann eine weitere Selektion über die ID erfolgen. Möchtest du beispielsweise den zweiten mit einer extra Hintergrundfarbe versehen, so ist das einfach #zwei { background-colorgreen }. Wirklich praktisch wird die ID bei sehr vielen Elementen der gleichen Klasse und beim Einsatz von JavaScript (Stichwort: getElementById - damit kannst du bei einmaliger Vergabe der ID _genau_ das gewünschte Element auswählen und musst dich nicht durch ein Array aller Vorkommen hangeln).

 

[threadi]

Das ist aber mal eine unpassende Antwort :shock:

Das id-Attribut kann zum Einen für das Stylen von Elementen per CSS, zum Anderen für Aktionen die JavaScript in Bezug auf bestimmte Elemente ausführen soll genutzt werden. Es dient in einer XML-Struktur (was HTML ja größtenteils ist) als eineindeutiges Kennzeichen eines Elements. Siehe auch: SELFHTML: Stylesheets / CSS-Formate definieren / Zentrale Formate definieren