Citat:
newH2[6] är syntax för en Array, vilket inte newH2 är (den är av typen Node)
Så det blir lite bakvänt.
Men du behöver 2st steg från Node objektet för att arbiträrt stoppa in saker på rätt index (index = array position).
Först sparar du en Array (lista) över alla Child Nodes som din DIV har.
Sist stoppar du in på rätt position.
let children= currentDiv.childNodes()
let insertedNode = currentDiv.insertBefore(newH2, children[5])
(https://developer.mozilla.org/en-US/...ode/childNodes)
(https://developer.mozilla.org/en-US/...e/insertBefore)
Obs 1: children[5] är 6:e objektet då en Array börjar att räkna första index positionen som 0
Obs 2: Det kanske känns lite bakvänt att man först måste ta fram en lista med referenser till alla Child Nodes, sen välja ut den man vill sätta in framför som argument till insertBefore.
Detta är inte helt lätt att förstå exakt varför det funkar så i ett språk som JavaScript som är byggt över en renderingsmotor när man börjar. Men lär dig bara "att så här funkar det" tills vidare så kommer du en dag börja ljusna mer på djupet.
Så det blir lite bakvänt.
Men du behöver 2st steg från Node objektet för att arbiträrt stoppa in saker på rätt index (index = array position).
Först sparar du en Array (lista) över alla Child Nodes som din DIV har.
Sist stoppar du in på rätt position.
let children= currentDiv.childNodes()
let insertedNode = currentDiv.insertBefore(newH2, children[5])
(https://developer.mozilla.org/en-US/...ode/childNodes)
(https://developer.mozilla.org/en-US/...e/insertBefore)
Obs 1: children[5] är 6:e objektet då en Array börjar att räkna första index positionen som 0
Obs 2: Det kanske känns lite bakvänt att man först måste ta fram en lista med referenser till alla Child Nodes, sen välja ut den man vill sätta in framför som argument till insertBefore.
Detta är inte helt lätt att förstå exakt varför det funkar så i ett språk som JavaScript som är byggt över en renderingsmotor när man börjar. Men lär dig bara "att så här funkar det" tills vidare så kommer du en dag börja ljusna mer på djupet.
let uppthree = document.createElement('h2')
let content = document.createTextNode('This is a sub headline')
uppthree.appendChild(content)
let newDiv = document.getElementById('step03')
newDiv.appendChild(uppthree)
let children = newDiv.childNodes()
let insertedNode = newDiv.insertBefore(uppthree, children[5])
är helt ute och cyklar, men här har jag skapat ett createelement för h2 taggen, fixat en text för den, appendchildat den och skrivit ut i vilken div tag den ska befinna sig i (step03). men hur får jag den i ordningen, ska jag skriva ordningen i denna kod: let children = newDiv.childNodes(här eller??) eller hur gör jag detta så det ska fungera. För antar att man måste typ hämta de olika h2 taggarna och sortera dom eller något?