vähän tunnettu JavaScript-vaihtoehto () constructor mahdollistaa Dom-elementtien luomisen verbaalisen syntaksin välttämisen
me kaikki rakastamme jQuerya. Joukossa monia mahtavia ominaisuuksia tämän kirjaston on kyky helposti luoda DOM elementtejä ja sijoittaa ne asiakirjaan ilman normaalisti sanallinen syntaksi natiivi JavaScript.
, mutta Javascriptissä on vähän tunnettu ominaisuus, jonka avulla voi luoda optioelementtejä melko vähällä vaivalla. Tämä ominaisuus on vaihtoehto () constructor. Syntaksi on yksinkertainen:
- saada viittaus muotoelementtiin
- Instantioi rakentaja ja liittää palautettu objekti muotoelementtiin
- instantiaation aikana, siirtää seuraavat argumentit: 1) Sivulla näkyvä teksti , 2) kontrollin arvo , 3) Jos se on oletusvalinta ja jos se on valittu
Esimerkki # 1
esimerkissä # 1, meillä on yksinkertainen muoto, joka sisältää valitsinohjauksen. Markupissa on kolme vaihtoehtoa:” Maanantai”,” Tiistai ”ja”Keskiviikko”. Kun JavaScript toimii, seuraavat toiminnot tapahtuvat:
- saamme viittauksen valintakontrolleihin (”w”)
- poistamme kaikki optioelementit (w.length = 0)
- luomme joukon objekteja, joilla jokaisella on kaksi ominaisuutta (”d”)
- silmukoimme joukon läpi ja jokaiselle array-elementille luomme dynaamisesti uuden select-elementin käyttäen objektin ”text” – ja ”val” – ominaisuuksia. Kussakin tapauksessa kaksi viimeistä argumenttia: ”false”, ”false” tarkoittavat, että tämä uusi elementti ei ole oletus, eikä sitä valita.
ja se siitä!
Summary
vähän tunnettua optio ()-konstruktoria voidaan käyttää uusien HTML-optio-elementtien luomiseen. Niin, riippuen siitä, miten päätät lähestyä tätä, voit kirjoittaa joitakin melko tehokas koodi, joka sivu-vaiheet normaalisti verbose syntaksi asiakirjan.createTextNode (), dokumentti.createElement (), ja dokumentti.appendChild () menetelmät.
hyödyllisiä linkkejä JavaScript-valitsimelle () rakentaja