Dator > hur man skapar element med javascript på klientsidan

  • hur man skapar element med javascript på klientsidan


  • JavaScript är ett klientsidan programmeringsspråk som tillåter dig att samverka med en användares webbläsare . Du kan skapa element på en sida på -the- fly med hjälp av klientskript . Detta är användbart om du vill skapa en textruta , urval område eller text för användare efter att de klickar på en knapp eller ett område på din webbplats. JavaScript kommer med funktioner och egenskaper som gör att du kan skapa dessa komponenter utan att skriva långa block av kod
    1 .
    Ladda ditt projekt i en HTML- editor och öppna filen för att ange JavaScript-kod . Skapa ett skript block att innehålla din JavaScript-kod . Detta block innehåller all kod du anger för att skapa elementet . Ett block skapas med koden nedan: .


    2
    Skapa ett div-tagg att innehålla dynamiskt skapade elementet . En div-tagg används så att du kan skapa elementet på en viss plats på webbsidan . Detta märke får placeras utanför JavaScript blocket :


    3 .
    Tilldela en variabel i din JavaScript block som pekar på den nya div-element . Följande kod är första uttalande i ditt JavaScript block :

    var myDiv=document. getElementById (' myDiv ') ;
    4
    Skapa ett nytt inslag . inom div-taggen . I följande kod skapas elementet , tilldelar den ett ID och placerar den i div-taggen :

    var newButton=document. createElement ( "input " ) ;
    newButton. type="knapp"
    5 .
    Tryck på " F5 " för att verkställa den nya koden . När koden körs, en ny knapp skapas på sidan.


Previous:Vilka är fördelarna med Java uppgradera ? Next:hur man lägga en befintlig fil i Visual Basic





Relaterade artiklar


  • hur man hittar Dell antal batteriet del
  • hur man fyller hp98 patroner
  • MediaSmart Server specifikationer
  • hur man gör java spel
  • hur man förbereder för en programperiod tävling
  • hur att uppgradera RAM på en q2 MSI Wind netbook
  • dell inspiron 13 mini-kortplats specifikationer
  • hur man installerar en Lexmark Z600 serie
  • compaq nw8000 specifikationer
  • gateway 2000 solo specifikationer