Tworzenie elementu opcji HTML przy użyciu opcji JavaScript() Constructor

mało znany konstruktor opcji JavaScript() pozwala uniknąć gadatliwej składni tworzenia elementów DOM

wszyscy kochamy jQuery. Wśród wielu niesamowitych cech tej biblioteki jest możliwość łatwego tworzenia elementów DOM i umieszczania ich w dokumencie bez Zwykle gadatliwej składni natywnego JavaScript.

ale jest mało znana funkcja JavaScript, która pozwala na tworzenie elementów opcji przy dość minimalnym wysiłku. Ta funkcja jest konstruktorem opcji (). Składnia jest prosta:

  1. uzyskaj odniesienie do elementu formularza
  2. Utwórz instancję konstruktora i powiązaj zwracany obiekt z elementem formularza
  3. podczas tworzenia instancji, podaj następujące argumenty: 1) tekst pokazany na stronie , 2) wartość kontrolki , 3) jeśli jest to domyślny wybór i jeśli jest zaznaczony

przykład # 1

w przykładzie # 1 Mamy prosty formularz, który zawiera kontrolkę select. W znacznikach są trzy opcje: „poniedziałek”, „wtorek”i ” środa”. Po uruchomieniu JavaScript wykonywane są następujące akcje:

  1. dostajemy odwołanie do kontrolki select („w”)
  2. usuwamy wszystkie elementy opcji (w.length = 0)
  3. tworzymy tablicę obiektów, każdy z dwoma właściwościami („d”)
  4. przepuszczamy przez tablicę i dla każdego elementu tablicy dynamicznie tworzymy nowy element select, wykorzystując właściwości obiektu” text „I” val”. W każdym przypadku dwa ostatnie argumenty: „false”,” false ” oznaczają, że ten nowy element nie będzie domyślny, ani nie zostanie wybrany.

i tyle!

podsumowanie

mało znany konstruktor opcji() może być użyty do tworzenia nowych elementów opcji HTML. Tak więc, w zależności od tego, jak zdecydujesz się podejść do tego, możesz napisać całkiem wydajny kod, który kroczy po stronie normalnie gadatliwej składni dokumentu.createTextNode (), document.createElement () i document.metody appendChild ().

Przydatne linki dla konstruktora opcji JavaScript ()

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.

More: