Elementin luominen javascript

Viestiketju alueella 'Ohjelmointi' , aloittaja kasivitonen, 14.10.2020 klo 11:01.

NOSTOJA MUROPAKETIN SISÄLLÖSTÄ
  1. kasivitonen

    Rekisteröitynyt:
    Keskiviikko
    Viestejä:
    1
    HTML-dokumentissa on painike, jota painaessa kutsutaan funktiota lisaaPainike(). Funktion tulee luoda uusi <button>-elementti ja lisätä se dokumentin <body>-elementin loppuun. Elementtiä painettaessa tulee kutsuafunktiota tervehdi().

    Uuden elementin luominen tarvitsee kaksi komentoa. Lisäksi tällä kertaa tarvitaan myös muutama välivaihe.

    document.createElement("[haluttu_HTML-tag]"); luo elementin, muttei vielä lisää sitä sivulle. Tallenna tämä muuttujaan, jotta voit muokata sitä ennen sen lisäämistä dokumenttiin.

    Muokkaamalla elementin .innerHTML-arvoa sijoitusoperaattorilla (=) voidaan lisätä painikkeeseen tekstiä. Myös id-arvoa voidaan muokata tällä tavalla. Aseta painikkeen id-attribuutin arvoksi "luotuPainike".

    Monimutkaisemmat muutokset, kuten onclick-attribuutin lisääminen, vaatii että käytetään setAttribute()-metodia tähän tapaan: [lisättävän_elementin_nimi].setAttribute("[attribuutti]", "[attribuutin_arvo]").

    document.[elementti_johon_lisätään].appendChild([lisättävän_elementin_nimi]); lisää luodun elementin halutun elementin loppuun. Append ei ylikirjoita mitään olemassaolevaa, toisin kuin =-operaattori elementin innerHTML muokatessa.

    linkki:
    https://ibb.co/b5rN7ZH

    yritin sitten tommosta vääntää mutta miten tuo menis oikein, oon aloittelija javascriptissä:

    [​IMG]
    [​IMG]
     
    Viimeksi muokattu: 14.10.2020 klo 11:03
  2. Zvona

    Rekisteröitynyt:
    22.10.2001
    Viestejä:
    1 113

Jaa tämä sivu

Alibi
Anna
Deko
Dome
Erä
Hymy
Kaksplus
Kippari
Kotilääkäri
Kotiliesi
Koululainen
Ruoka.fi
Parnasso
Seura
Suomen Kuvalehti
TM Rakennusmaailma
Tekniikan Maailma
Vauhdin Maailma
Golfpiste
Vene
Nettiauto
Ampparit
Plaza
Muropaketti