De JavaScript-taal maakt het mogelijk website-ontwikkelaars te inspecteren en wijzigen van de verborgen kader van een webpagina . JavaScript moet methoden om toegang te krijgen tot het Document Object Model of DOM - de Hypertext Markup Language 's application programming interface . De JavaScript -methode getElementById ( ) kan de programmeur te inspecteren , te veranderen en toe te voegen HTML tags en styling informatie . De meeste stylesheet eigenschappen en attributen kunnen worden gewijzigd , waaronder achtergronden, lettertypen , randen , breedtes en positionering . De HTML -tags moeten worden geëtiketteerd met een code de methode getElementById ( ) kunt vinden en toegang tot hen . Wat je nodig hebt
Plain - text editor
Toon Meer Aanwijzingen
1 Start de standaard , plain-text tekstverwerker op uw computer .
< Br > 2 Voer de volgende code in de teksteditor :
< stijl type = " text /css " > < - # buitenste { background-color
: geel ;
}
# innerlijke language = " javascript " > functie changeDiv
( ) { document.getElementById
( " innerlijke " ) style.width = " 400px " ; . document.getElementById
( " innerlijke " ) style.height = " 400px " ; . document.getElementById
( " innerlijke " ) style.fontSize = " 62px " ; . document.getElementById
( " innerlijke " . ) style.textAlign = " center " ; document.getElementById
( " innerlijke " ) style.backgroundColor = " # FFB3B3 " ; . document.getElementById
( 'innerlijke' ) stijl. . color = " black " ; . document.getElementById
( " innerlijke " ) innerHTML = " JavaScript kan veranderen vele eigenschappen van een Div " ; }
< /script >
< /head >
< div id = " innerlijke " onClick = " changeDiv ( ) "
< /html >
3 Klik in het rode vak om de div < /div > < /body
> wijzigen > Klik op ' Bestand ', ' Opslaan '. Opslaan onder de bestandsnaam " test.html . "
4 Start uw browser . Klik op " File ", "Open File . "
5 Zoek het bestand " test.html " u hebt gemaakt . Klik op ' Openen '.
6 Klik op de tekst in de blauwe achtergrond met je muis naar de marges van de box te wijzigen .
|
