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 ) ;