Dator > hur man gör webb element med javascript

  • hur man gör webb element med javascript


  • JavaScript har flera inbyggda funktioner för att förvalta skapelsen , införande och avlägsnande av HTML-element från DOM ( Document Object Model ) . Den mest betydande fördelen att delar direkt via JavaScript -kod är att dessa element kan skapas utan inblandning från någon sida uppdateras . Detta kan ske som svar på användaren, till exempel , eller i samband med en AJAX samtal /respons . En nackdel att vara medveten om är att om användarnas webbläsare inte stöder JavaScript eller användare har stängt av den, då dessa delar aldrig vara synlig för dem . Det är en bra idé att inkludera alternativa innehåll för de användare
    1 .
    Hitta ett HTML- behållare element för den nya du håller på att skapa . Behållaren kommer att vara det överordnade elementet till den nya . Det bör ha en egen ID-tag så att du kan skapa en variabel för den i JavaScript med document. getElementById metoden :



    var myContainer=document. getElementById ( " container1 " ) .
    2
    Skapa den nya delen med hjälp av dokumentet . createElement metod :



    var NewElement=document. createElement ( " P " ) ;



    Observera att den elements tag definieras inom citat och parenteser . Exemplet ovan är att definiera ett stycke tagg . Också vara medveten om att detta skapar elementet , men det är ännu inte knuten till DOM och är ännu inte synlig för användaren
    3
    Alternativt ange elementets attribut och innehåll . :



    newElement. setAttribute ( " id " , " myNewParagraph " ) ;

    NewElement . innerHTML=" Detta är ett nybildat punkt element " ;
    4
    Lägg elementet till dokumentet , bifoga den som ett barn på behållaren definierade i steg 1 .



    myContainer. appendChild ( NewElement ) ,



    Nu är den nya delen är en del av DOM och , förutsatt att CSS tillåter för det , ska vara synliga för användaren . Du kan nu fortsätta att ändra den som du vill eller ta bort det från DOM med RemoveChild metoden :



    myContainer. removeChild ( NewElement ) ;


Previous:nothing Next:hur man kör en SQL-skript kommando





Relaterade artiklar


  • styrkorna och svagheterna i Visual Basic språk
  • Inaktivera Windows -autentisering i IIS
  • Vilka olika typer av prolog programmering ?
  • hur man kan övervaka nätverkshårdvara
  • hur man kan fånga ett undantag i en statisk block i Java
  • hur man skapar en fil i java
  • hur man kan beräkna datum skillnaden i java
  • verktyg för klient -server utveckling
  • hur man ska förstå arrayer
  • Inaktivera ett tangentbord med Visual Basic