Welkom op de Nederland Computer Kennisnetwerk!  
 
Zoeken computer kennis
Home Hardware Netwerken Programmering Software Computerstoring Besturingssysteem
Computer Kennis >> Programmering >> JavaScript Programmeren >> Content
Hoe te Elementen invoegen Met DIV in JavaScript
JavaScript geeft programmeurs de tools om de onzichtbare kader van een webpagina die bekend staat als de Document Object Model ( DOM ) te wijzigen . De DOM is de application programming interface van HyperText Markup Language ( HTML ) . De JavaScript -methode getElementById ( ) toegang tot de pagina divisie tag " div " om HTML styling informatie zoals achtergronden, lettertypen , randen , breedtes en positionering toe te voegen of te wijzigen . Daarnaast kan de eigenschap innerHTML de inhoud tussen de
< /div > -tags wijzigen . HTML -tags moeten worden geëtiketteerd met een ID voor de getElementById ( ) methode kan vinden en toegang tot hen . Wat je nodig hebt
Plain - text editor
Toon Meer Aanwijzingen
1

Start de standaard platte - tekstverwerker die op uw computer beschikbaar is .
< br > 2

Voer de volgende code in de teksteditor :



< stijl type = " text /css " > < - !

# innerlijke language = " javascript " >

functie changeDiv
( ) { document.getElementById


( " innerlijke " ) style.width = " 500px " ; .

document.getElementById
( " innerlijke " ) style.height = " 220px " ; .

document.getElementById
( " innerlijke " ) style.fontSize = " 62px " ; .

document.getElementById
( " innerlijke " . ) style.textAlign = " center " ;

document.getElementById
( " innerlijke " ) style.backgroundColor = " # FFB3B3 " ; .

document.getElementById
( 'innerlijke' ) stijl. . border = " 4px onderbroken rode " ; .

document.getElementById
( " innerlijke " ) style.color = " zwarte " ; .

document.getElementById
( " innerlijke " ) innerHTML = " JavaScript kan styling en inhoud elementen invoegen in een Div " ;

document.getElementById
( " myButton " ) . value =" en het werkt " ; !

}


< ;/script >

< /head >


hier is het rood div < /div > ;


< /body >

< /html >
3

Klik in het menu Bestand . Selecteer de optie "Opslaan" . Opslaan onder de bestandsnaam " test.html . "
4

Start de webbrowser die op uw computer beschikbaar is . Klik op de " File " menu en selecteer " Bestand openen. "
5

Zoek het bestand " test.html " u zojuist hebt gemaakt , selecteert u deze met de muis en klik op 'Openen'. < br >

Klik 6 op de knop " Klik op deze knop om nieuwe informatie boven in het rode Div . "

Previous: Next:
  JavaScript Programmeren
·Hoe te Fade Out bij het verlat…
·Het wijzigen van de achtergron…
·Hoe om te controleren een Inpu…
·Tutorial over jQuery en Google…
·Waarom krijg ik een Javascript…
·Hoe activeer ik een webbrowser…
·Hoe de ID van een object in JQ…
·Hoe om te controleren voor een…
·Wat doet Javascript Leegte kan…
  Related Articles
Hoe maak je een Combo Box Maak in Visual…
Hoe maak je een Check Box Maak in Visual…
Hoe maak je een tekstvak maken in Visual…
Hoe maak je een optie Box in Visual Basi…
Hoe maak je een schijf keuzelijst in Vis…
Hoe kan ik een keuzelijst maken in Visua…
Hoe kan ik een Picture Box Maak in Visua…
Hoe een bestand keuzelijst Maak in Visua…
Hoe kan ik een afbeelding Box Maak in Vi…
  Programmering Articles
·Python Methoden naar lijsten 
·Wat is een JAR -bestand? 
·Microsoft VB . NET certificering 
·Hoe te ComboBox op Verandering van Ander…
·Java subreeksfunctie 
·COBOL Stijl Regels 
·Hoe te Elementen toevoegen aan een array…
·Hoe te IPA converteren naar C Source 
·Sequentiële Gegevenstype 
Copyright © Computer Kennis https://www.nldit.com