A JavaScriptben vannak olyan weboldalak, amelyek vonzó elrendezést igényelnek, például sötét hátterek, amelyek általában jobban működnek az interfészeknél. Hasonlóképpen, a fehér háttér lehetővé teszi az olvasók számára, hogy a tartalomra összpontosítsanak, így a hírportálok vagy blogok viszonylag világos hátteret használnak sötét szöveggel. Ilyen esetekben a JavaScript nagyon hasznos lehet a formázásban és a dokumentumtervezés javításában.
Ez a cikk a háttérkép megváltoztatásának módszereit tárgyalja a JavaScriptben.
Hogyan lehet megváltoztatni a háttérképet a JavaScriptben?
A háttérkép megváltoztatásához JavaScriptben a következő módszerek használhatók:
- ' háttérkép ' ingatlan a ' DOM ”.
- ' getElementById() ' módszer és ' háttérkép ' ingatlan a ' bekezdés ”.
Sorolja fel egyenként a tárgyalt módszereket!
1. módszer: Háttérkép módosítása JavaScriptben a DOM backgroundImage tulajdonságának használatával.
Az ' háttérkép ” tulajdonság beállítja a megadott elem háttérképét. Ez a technika a backgroundImage tulajdonság alkalmazásával és a háttérkép megadásával az elérési út argumentumként történő meghatározásával alkalmazható.
Szintaxis
A fenti szintaxisban: ' URL ” a kép útvonalára utal.
Tekintse meg a következő példát a szemléltetés céljából.
Példa
Ebben a példában egy gomb a megadott értékkel és egy „ kattintásra ” esemény átirányítása a
backgroundImage():
Most egy funkció ' háttérkép() ' kerül kihirdetésre, és a ' document.body.style.backgroundImage ” tulajdonság az argumentumában megadott képútvonal használatával éri el a háttérképet:
A fenti megvalósítás eredménye a következő lesz:
2. módszer: Háttérkép módosítása JavaScriptben a getElementById() metódus és a bekezdés backgroundImage tulajdonságának használatával
Az ' getElementById() ' metódus egy megadott értékű elemet ad vissza, és a ' háttérkép ” tulajdonság, amint azt fentebb említettük, az argumentumában megadott elem háttérképét adja vissza. Ez a módszer alkalmazható a megadott szín leképezésére az adott bekezdés hátterére.
Szintaxis
Itt, ' elemeket ” egy elem azonosítójára utal.
A megfogalmazott fogalom jobb megértéséhez nézze át a következő példát.
Példa
Először is foglaljon bele egy bekezdést a
címkébe, és rendeljen hozzá egy adott azonosítót:
Ezután hozzon létre egy gombot egy onclick eseménnyel, amely eléri a backgroundImage() függvényt az előző módszerben leírtak szerint:
Végül deklarálja a '' nevű függvényt háttérkép() ” hasonlóan. Itt érheti el a meghatározott azonosítót a ' getElementById() ” módszert, és alkalmazza rá a megadott háttérképet. Ennek eredményeként a szín megjelenik a bekezdés hátterében:
Kimenet
Összeállítottuk a legegyszerűbb módszert a háttérkép megváltoztatására Javascriptben
Következtetés
A háttérkép megváltoztatásához a Javascriptben használja a „ háttérkép ' ingatlan a ' DOM ” a megadott háttérkép alkalmazásához a teljes weboldalon egy függvény segítségével, vagy az adott azonosító lekéréséhez a „ getElementById() ' módszer és alkalmazása ' háttérkép ' ingatlan a megadott ' bekezdés ”. Ez a blog bemutatja a háttérképek megváltoztatásának módszereit JavaScriptben.