Hur infoga element med div i JavaScript

Javascript ger programmerare verktyg för att modifiera den osynliga ramen för en webbsida som kallas Document Object Model ( DOM ) . DOM är programmeringsgränssnitt för HyperText Markup Language ( HTML ) . Den JavaScript metoden getElementById ( ) kan komma åt sidan division taggen " div " för att lägga till eller ändra HTML- styling information såsom bakgrunder , teckensnitt , kantlinjer , bredder och positionering . Dessutom kan egenskapen innerHTML ändra innehållet mellan

< /div > taggarna . HTML-taggar måste märkas med ett ID innan getElementById ( ) metoden kan hitta och komma åt dem . Saker du behöver
Plain - textredigerare
Visa fler instruktioner
1

Starta standard vanlig text editor program som finns på datorn .

2

Skriv följande kod i texteditorn :

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

# inner language = " javascript " >

funktion changeDiv ( ) {

document.getElementById ( " inre" ) style.width = " 500px "; .

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

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

document.getElementById ( " inre" . ) style.textAlign = " center " ,

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

document.getElementById ( " inre" ) stil . . border = " 4PX streckad röd "; .

document.getElementById ( " inre" ) style.color = " black " , .

document.getElementById ( " inre" ) innerHTML = " JavaScript kan infoga styling och delar innehåll i en Div " ,

document.getElementById ( " myButton " ) . value = " och det fungerar " , !

}

< ;/script >

< /head >

här är den röda div < /div > ;

< /body>

< /html > Addera 3

Klicka på menyn Arkiv . Välj " Spara " alternativet . Spara under filnamnet " test.html . "
4

Starta webbläsaren som finns på din dator . Klicka på " File " i menyn och välj " Öppna fil ".
5

Leta upp filen " test.html " du just skapat , markera den med musen och klicka på " Öppna".

6

Klicka på knappen " Klicka på denna knapp för att Infoga Ny info i Röda Div Above . " Addera

Tidigare: Hur får man ett attribut i JavaScript

nästa: Hur Kontroll Marginaler i en JavaScript

relaterade artiklar

·	Hur Markera en tagg i iFrame Innehåll
·	Javascript Lightbox Tutorial
·	Javascript Grid Tutorial
·	Lägga till kontroller till Google Maps API
·	Hur man talar till en NTP -server med hjälp av JavaScr…
·	Hur spåra med Java Script & PHP
·	Hur man använder JavaScript för att Display primtalsf…
·	Java Script Vs. PHP
·	Ställa Limit Page Print i JavaScript
·	Definition av JavaScript

Utvalda artiklarna

·	Hur man tar bort Ledande och avslutande mellanslag på …
·	Hur man kör en exe-fil i VB Code
·	Hur Infoga databas information i Flödesschema
·	Typer av Multitasking i Java Threads
·	Sun /Java & Error 1722
·	Kan metoden InputStream Return i Java
·	Hur att göra flera saker med Java
·	Java Software Utbildning på CD
·	Vad är LoadLibrary Jvm.Dll
·	Ställa isoleringsnivåer i MySQL