a kevéssé ismert JavaScript opció() konstruktor lehetővé teszi, hogy elkerülje a Dom elemek
Mindannyian szeretjük a jQuery-t. A könyvtár számos fantasztikus tulajdonsága között szerepel az a képesség, hogy könnyen létrehozhat DOM elemeket, és elhelyezheti őket a dokumentumban a natív JavaScript normál bőbeszédű szintaxisa nélkül.
de van egy kevéssé ismert jellemzője a JavaScriptnek, amely lehetővé teszi az opcióelemek létrehozását meglehetősen minimális erőfeszítéssel. Ez a funkció az opció () konstruktor. A szintaxis egyszerű:
- kérjen hivatkozást egy
- form elemre a konstruktor példányosítása és a Visszaadott objektum társítása a
- form elemhez a példányosítás során, adja át a következő argumentumokat: 1) A szöveg látható az oldalon , 2) az érték a vezérlő , 3) Ha ez az alapértelmezett kijelölés, és ha van kiválasztva
példa # 1
a példa # 1, van egy egyszerű formában, amely magában foglalja a select vezérlő. A jelölésben három lehetőség van:” hétfő”,” kedd “és”szerda”. A JavaScript futtatásakor a következő műveletek történnek:
- kapunk egy hivatkozást a select controls (“w”)
- töröljük az összes opciót elemek (w.length = 0)
- objektumok tömbjét hozzuk létre, amelyek mindegyike két tulajdonsággal rendelkezik (“d”)
- végigjárjuk a tömböt, és minden tömb elemhez dinamikusan létrehozunk egy új select elemet az objektum “text” és “val” tulajdonságainak felhasználásával. Minden esetben az utolsó két argumentum: “false”, “false” azt jelenti, hogy ez az új elem nem lesz az alapértelmezett, és nem is lesz kiválasztva.
és ennyi!
Összegzés
a kevéssé ismert Option() konstruktor használható új HTML opció elemek létrehozására. Így, attól függően, hogy hogyan választja ezt a megközelítést, írhat néhány elég hatékony kódot, amely oldalra lép a dokumentum általában részletes szintaxisával.createTextNode(), dokumentum.createElement () és document.appendChild () módszerek.
hasznos linkek a JavaScript opcióhoz () konstruktor