En div er et objekt inden for Document Object Model ( DOM) på siden vises i browser-vindue . Det har en unik identifikator ( id ) streng . Det er en blok beholder til andre objekter og kan være skjult eller synlig . Det kan også flyttes til valgte position i browseren displayet. Den div objekt har et sæt selektorer forbundet med dets id snor og egenskaberne af disse vælgere kan ændres ved hjælp java - script kode. Ting du har brug
teksteditor. En Web -browser .
Vis Flere Instruktioner
1
åbne et nyt dokument i teksteditoren . Gem filen som " use_id.html ".
2
Skriv dokumentets sidehoved kode
< DOCTYPE html PUBLIC " - . ! //W3C //DTD XHTML 1.0 Strict //EN "
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
< html xmlns =" http://www .w3.org/1999/xhtml " >
Brug DIV Med JavaScript < meta content = "text /html charset = utf- 8" . http-ækvivalent = " Content-Type " />
3
Skrivedokument style kode
< style type = "text /css " >
# myDiv
{
position : absolute;
z- index: 0 ;
< p> visibility: visible ;
top: 10em ;
venstre : 10em ;
bredde: 10em ;
højde: 5em ;
< p> kant: 2px solid # ccc ;
- moz - border- radius: 0.5em ;
- webKit - border- radius: 0.5em ;
text -align : center ;
}
# msg
{
farve: hvid ,
baggrund : grøn
}
< /style >
4
Skrivedokument JavaScript-kode .