molily: DOM: erzeugte Kindknoten nochmals dyn. erweitern?

Beitrag lesen

was ich meinte wäre ein Tool, wo man HTML eingibt und was DOM ausgibt. Was man anschliessend in seinem aufwändigen JS verwenden kann.

Ja, ist mir klar. Aber wozu brauchst du ein Tool, was HTML-Code in JavaScript-Befehle umsetzt, die mittels DOM den Code erzeugen, wenn du innerHTML auch direkt den Code in ein Element schreiben kannst und dir den ganzen DOM-Quatsch sparen kannst?

"ich brauch schnell ne Tabelle, so soll die aussehen (code)

element.innerHTML = "<table>...</table>";

teil1.createElement('table')
teil2.createElement('tr')
teil3.createElement('td')
teil3.setAttribute('width','20')
teil3.setAttribute('class','blah')
  ..usw.  bis schliesslich
teil1.appendChild(teil1)

Und wozu brauchst du das, wenn nicht für oben genannte Zwecke?

Wie auch immer, es gibt Scripte, die das vereinfachen, allerdings mit einer eigenen Syntax (HTML in DOM-Befehle umzuwandeln wäre aus den genannten Gründen Unsinn):

http://die.netzspielwiese.de/blog/javascript-dom/2006-04/dom-builder-dom-elemente-einfacher-erstellen
http://svn.danwebb.net/external/DomBuilder/trunk/dombuilder.js

So etwas ähnliches kennt auch Prototype:
http://www.prototypejs.org/2007/5/12/dom-builder

In jQuery kann man z.B. schreiben:
$("<div><p>Hello</p></div>").appendTo("body");
http://docs.jquery.com/Core/jQuery#htmlownerDocument
Intern wird aber vermutlich auch innerHTML verwendet. Die Notwendigkeit einer separaten Syntax sah dort niemand ein.

Mathias