Inserting Text, HTML, or Elements at Adjacent Positions Using JavaScript

Artikeln beskriver tre JavaScript-metoder – insertAdjacentText(), insertAdjacentHTML() och insertAdjacentElement() – för att infoga text, HTML eller element vid specifika positioner i DOM. Fyra positioner för infogning förklaras: beforebegin, afterbegin, beforeend och afterend, som bestämmer var innehållet placeras i förhållande till målelementet. insertAdjacentText() rekommenderas för att infoga ren text för bättre prestanda, medan insertAdjacentHTML() är snabbare än innerHTML men medför säkerhetsrisker om användarinmatning inte saneras. insertAdjacentElement() används för att infoga ett befintligt elementnoder vid de angivna positionerna, och artikeln ger kodexempel för alla tre metoderna.