Hej

jag har följande kod:
<code>
var pNode = document.createElement("div");
pNode.innerHTML = "Detta skrivs ut!";

var bodyNode = document.getElementById("info");

bodyNode.appendChild(pNode);
</code>


hur löser jag detta utan att anv innerHTML??

Tacksam för all hjälp

var pNode = document.createElement("div");
pNode.appendChild(document.createTextNode("Detta skrivs ut!"));
		
var bodyNode = document.getElementById("info");
				
bodyNode.appendChild(pNode);

tack, det fungerade :D

en liten extrafråga.

<code>
var t = "Förnamn: ";
t += this.form.fnamn.value;
t += document.createElement("<br />");

t += "Efternamn: ";
t += this.form.enamn.value;
t += document.createElement("<br />");

t += "Postnummer: ";
t += this.form.postnr.value;
t += document.createElement("<br />");

t += "Telefon: ";
t += this.form.tele.value;
t += document.createElement("<br />");

t += "Epost: ";
t += this.form.epost.value;


var pNode = document.createElement("div");
pNode.appendChild(document.createTextNode(t));

var bodyNode = document.getElementById("info");

bodyNode.appendChild(pNode);
</code>

hur löser jag så att det bli en ny rad efter varje, har provat denna kod, men fungerar inte :(

<code>
var t = "Förnamn: ";
t += this.form.fnamn.value;
t += "<br>";

t += "Efternamn: ";
t += this.form.enamn.value;
t += "<br>";

t += "Postnummer: ";
t += this.form.postnr.value;
t += "<br>";

t += "Telefon: ";
t += this.form.tele.value;
t += "<br>";

t += "Epost: ";
t += this.form.epost.value;


var pNode = document.createElement("div");
pNode.appendChild(document.createTextNode(t));

var bodyNode = document.getElementById("info");

bodyNode.appendChild(pNode);
</code>

det fungerade inte :(

den skriver nu ut
Förnamn: test<br>Efternamn: test<br>Postnummer: 123-12<br>Telefon: 123123<br>Epost: test@test.se

vet inte redigt hur jag ska lösa radbrytningen :S

Ber om ursäkt. Kollade inte riktigt på koden och glömde bort att du inte använde innerHTML...

var pNode = document.createElement("div");

pNode.appendChild(document.createTextNode("Förnamn: " + this.form.fnamn.value));
pNode.appendChild(document.createElement("br"));

pNode.appendChild(document.createTextNode("Efternamn: " + this.form.enamn.value));
pNode.appendChild(document.createElement("br"));

pNode.appendChild(document.createTextNode("Postnummer: " + this.form.postnr.value));
pNode.appendChild(document.createElement("br"));

pNode.appendChild(document.createTextNode("Telefon: " + this.form.tele.value));
pNode.appendChild(document.createElement("br"));

pNode.appendChild(document.createTextNode("Epost: " + this.form.epost.value));
pNode.appendChild(document.createElement("br"));
				
document.getElementById("info").appendChild(pNode);

tack Per, det fungerade :D


En liten annan sak jag märkte nu är att det fylls på längden när man trycker på skicka flera gånger.

Undrar nu hur man tömmer själva div taggen??
<div id="info"></div>

Plocka bort allt innehåll

var info = document.getElementById("info");
while (info.hasChildNodes()) {
    info.removeChild(info.lastChild);
}

var info = document.getElementById("info");
var newdiv = document.createElement("div");
newdiv.id = "info";
info.parentNode.replaceChild(newdiv, info);

tack, nu fungerar det som det ska :D