Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako písať na Div Od JavaScript

jazyk JavaScript umožňuje vývojárom webových stránok prezrieť a upraviť skryté rámec webové stránky . JavaScript má metódy pre prístup k Document Object Model alebo DOM - aplikačné programovacie rozhranie Hypertext Markup Language je . Metóda JavaScript getElementById ( ) umožňuje programátorovi prezrieť , zmeniť a pridať HTML tagy a informácie o styling . Väčšina štýlov vlastnosti a atribúty môžu byť upravené , vrátane pozadia , písma , orámovania , šírky a polohy . V HTML tagy musia byť označené s ID , takže 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 štandard , obyčajného textu textový editor aplikácie na vašom počítači .

2

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



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

# vonkajšie {

background- color : yellow ;

} !

# vnútornej language = " javascript " >

funkcie changeDiv ( ) {

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

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

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 . color = " black " ;

document.getElementById ( " vnútorné " ) innerHTML = " JavaScript môže zmeniť veľa vlastností Div " ; .

}

< /script >

< /head >


< div id = " vnútorné" onclick = " changeDiv ( ) " > Kliknite v červenom rámčeku zmeniť div < /div >

< /telo >

< /html >
3

Kliknite na " Súbor " , " Uložiť " . Uložte pod File Name " test.html . "
4

Spustite prehliadač . Kliknite na " Súbor " , " Otvoriť súbor . "
5

Vyhľadajte súbor " test.html " , ktorú ste vytvorili . Kliknite na tlačidlo " Otvoriť " .
6

Kliknite na text v modrom pozadí s myšou zmeniť okraje krabici je .

Najnovšie články

Copyright © počítačové znalosti Všetky práva vyhradené