insertBefore()

Sintaksė

var IterpiamasElementas = esamasElementas.insertBefore(NaujasElementas, EsamasElementas)

Įterpiamas nurodytas elementas prieš kitą nurodytą elementą nustatytame elemente.

IterpiamasElementas - Įterptas naujas elementas.
esamasElementas - Elementas į kurį įterpsime naują elementą.
NaujasElementas - Naujas elementas kurį įterpsime.
EsamasElementas - Elementas prieš kurį įterpsime naująjį elementą.

Pavyzdys

<html>
 
 <head>
 </head>
 
 <body>
 <div>
   <span id="senas">foo bar</span>
 </div>
 
 <script type="text/javascript">
 // sukuriamas naujas Elementas su ID ir tekstu
 var sp1 = document.createElement("span");
 
 // Suteikiamas sukurtam elementui atributas ID su reikšme 'Span'
 sp1.setAttribute("id", "Span");
 
 // Įterpiame į naująjį elementą tekstą.
 var sp1_content = document.createTextNode("Tai naujas elementas. ");
 
 // Įkeliame į sukurtą elementą tekstą
 sp1.appendChild(sp1_content);
 
 var sp2 = document.getElementById("senas");
 var parentDiv = sp2.parentNode;
 
 // įkeliame naują elementą prieš sp2
 parentDiv.insertBefore(sp1, sp2);
 </script>
 
 </body>
 </html>

Indeksas

insertBefore()

Sintaksė

Pavyzdys

Discussion