comments | Javascript source | Execution result in your current browser |
---|---|---|
create a text node and place inside another node | document.write("<div id='d1'></div>"); var mydiv=document.getElementById("d1"); var textNode=document.createTextNode("Hello"); mydiv.appendChild(textNode); |
|
create a real node | document.write("<div id='d2'></div>"); var div2=document.getElementById("d2"); var b=document.createElement("b"); var msg=document.createTextNode("Hello"); b.appendChild(msg); div2.appendChild(b); /** content: <div id="d2"> <b>Hello</b> </div> */ |
|
create an attribute | document.write("<div id='d3'></div>"); var div3=document.getElementById("d3"); var a=document.createElement("a"); var href=document.createAttribute("href"); href.nodeValue="http://www.egtry.com"; a.setAttributeNode(href); var text=document.createTextNode("egtry.com"); a.appendChild(text); div3.appendChild(a); /** html content generated would be <a href="http://www.egtry.com">egtry.com</a> **/ |