add / rem row

[Gunnar Bittersmann]

@@Emanuel:

<a href="javascript:addRow()">

Siehe hierzu das in https://forum.selfhtml.org/?t=164443&m=1071889 unten Gesagte.

<img src="add.png">

Der zwingend notwendige Alternativtext fehlt.

<table id="testtable">
  <tr>

Das erzeugt (bei Verarbeitung als 'text/html') einen anderen Elementbaum als du denkst. Schau dir das mal im DOM-Inspector an! (Den hast du hoffentlich zusammen mit Firefox installiert?) Nostradamus hatte mal wieder recht.

input.setAttribute("type","text");

'setAttribute()' solltest du meiden; IIRC hat der IE damit so seine Probleme. Einfach:

input.type = "text";

Das Problem ist, wenn man oft hintereinander hinzufügt und löscht, wird der Abstand zum Button nach der Tabelle immer größer.
Weiß einer wie man das Problem umgeht?

Ja. Alle 'tr' in den 'tbody' hängen.

Statt 'createElement()'/'appendChild()'/'removeChild()' kannst du auch 'insertRow()'/'deleteRow()' verwenden. [http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#table]

Live long and prosper,
Gunnar