Korrekt opbygning af child elementer såsom divs inde i divs eks.

Jeg ville nok kigge på:

var oParentElement = document.createElement("div");
var oAChildElement = document.createElement("div");
oParentElement.appendChild(oAChildElement);

oParentElement.setAttribute("id", "div_a");

Jeg har fundet mange gode ting på quirksmode:

http://www.quirksmode.org/dom/intro.html

Efter man har oprettet elementerne på den der måde, er de så til at finde via fx

document.getELementByID("div_a")

ligesom hvis de var lavet statisk?

Ja det vil jeg mene. I hvert fald kan du da lave en hurtig test...

Hvis du har en div i dokumentet med id "Hook", kan du jo tilføje lidt script:

var elem = document.getElementById("Hook");
var newElem = document.createElement("div");
newElem.setAttribute("id", "testDiv");

newElem.appendChild(document.createTextNode("Hello World!"));
elem.appendChild(newElem);

var testDiv = document.getElementById("testDiv");
alert(testDiv.firstChild.nodeValue);

Jeg er ikke 100% sikker på ovenstående, men det er nok tæt på

Hejsa. Den artikel virker rigtig god. Jeg er så småt gået igang med at få den læst.

Jeg takker, det var lige sådan noget jeg skulle bruge :)

Læg et svar.

Hermed gjort:)

:)

<ole>

Hvis du skal lave mange divs med opbygningen:

<div id="div_1">
  <div id="div_a">&nbsp;<div>
  <div id="div_b">
      <div id="div_x">&nbsp;</div>
  </div>
</div>

- kunne du med fordel oprette en template på onload:

var oTempl = null;
window.onload = function(){
    var o = document.getElementById("div_1");
    oTempl = o.cloneNode(true);
    o.parentNode.removeChild(o);
}

Herefter kan du altid oprette et element på følgende måde:

var oElm = oTempl.cloneNode(true);
var aDv = oElm.getElementsByTagName("div");
oElm.setAttribute("id", "etNytID");
aDv[0].setAttribute("id", "etNytID_a");
aDv[0].firstChild.nodeValue = "En Tekst";
aDv[1].setAttribute("id", "etNytID_b");
aDv[2].setAttribute("id", "etNytID_x");
aDv[2].firstChild.nodeValue = "En Tekst X";
ELEMENT.appendChild(oElm);

Læg mærke til, at jeg har tilføjet et '&nbsp;' til de tomme divs. Dermed kan jeg sætte denne tekstnode til en værdi med:
    ELEMENT.firstChild.nodeValue = "En Tekst";

- cloneNode styrer ...!  ;o)

/mvh
</bole>

yes, clone-node er ok, men det forudsætter blot at man har de originale liggende på siden. Man ken self skjulle disse i en div med display = none, men kan bedre lide den "rene" metode lige i det her tilfælde.

Men tak for inputtet alligevel :)