* počítačové znalosti >> Programovanie >> JavaScript Programovanie >> .

Ako vložiť prvky s DIV vo JavaScript

JavaScript dáva programátorom nástroje na úpravu neviditeľnú rámec webové stránky známe ako Document Object Model ( DOM ) . DOM je programovací rozhranie aplikácie HyperText Markup Language ( HTML ) . Metóda JavaScript getElementById ( ) možno získať prístup k stránku divízie tag " div " pridať alebo upraviť informácie o HTML styling ako pozadie , písma , okraje , šírky a polohy . Navyše vlastnosť innerHTML môže zmeniť obsah medzi

< /div > tagy. HTML tagy musia byť označené s ID , než metóda getElementById ( ) môžete nájsť a pristupovať k nim . Veci , ktoré budete potrebovať
Plain - text editor
Zobraziť ďalšie inštrukcie Cestuj 1

Spustite štandardný editor aplikáciu plain - texte , ktorý je k dispozícii na vašom počítači .

2

Zadajte nasledujúci kód do textového editora :

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

# vnútornej language = " javascript " >

funkcie changeDiv ( ) {

document.getElementById ( " vnútorné " ) style.width = " 500px " ; .

document.getElementById . ( " vnútorné" ) style.height = " 220px " ; .

document.getElementById ( " vnútorné " ) style.fontSize = " 62px " ;

document.getElementById ( " vnútorné" ) . style.textAlign = " center" ;

document.getElementById ( " vnútorné " ) style.backgroundColor = " # FFB3B3 " ..

document.getElementById ( " vnútorné" ) štýl . border = " 4PX červenou prerušovanou čiarou " ;

document.getElementById ( " vnútorné " ) style.color = " black " ..

document.getElementById ( " vnútorné " ) innerHTML = " JavaScript môžete vložiť štýlové a obsahové prvky do Div "

document.getElementById ( " myButton " ) . hodnota = " a funguje to " !

}

< ;/script >

< /head >

je tu červená div < /div > ;

sťahovanie

< /body >

< /html >
3

Kliknite na ponuku Súbor . Zvoľte " Uložiť " možnosť voľby . Uložte pod File Name " test.html . "
4

Spustite webový prehliadač , ktorý je k dispozícii na vašom počítači . Kliknite na " File " položku menu a vyberte " Otvoriť súbor . "
5

Vyhľadajte súbor " test.html " ste práve vytvorili , vyberte ju pomocou myši a potom kliknite na " Otvoriť " .
Praha 6

Kliknite na tlačidlo označené " Kliknite na toto tlačidlo pre vloženie nového informácie do červeného Div vyššie. "

Ako vložiť prvky s DIV vo JavaScript

Odporúčané články

Najnovšie články

JavaScript Programovanie

Programovanie