html dynamisch einfügen

[Alex]

Ich habe es mit

function zusaetzliche_personen(){
  var personen_anzahl=document.getElementById('personen_anzahl').value;

var TR = document.createElement("tr");  
var TD = document.createElement("td");  
var person1 = document.createTextNode("Zusätzliche Person 1:");  
var person1anrede = document.createTextNode("Anrede:");  
var schreibeinextra = document.getElementById("extra");  

if(personen_anzahl == "1"){

	  	schreibeinextra.appendChild(TR);  
		TR.appendChild(person1)[0];  
		schreibeinextra.appendChild(TD);  
		schreibeinextra.appendChild(TR);  
		TR.appendChild(person1anrede)[1];  
		schreibeinextra.appendChild(TD);}  

}  }

versucht aber dann schreibt er die sachen hintereinander.

Ich habe die beschreibungen durchgelesen aber ich raff es einfach nicht -.-
warum gibt es nicht ein gutes video dazu.