Wednesday, July 7, 2010

Creating HTML elements dynamically

Creating HTML elements dynamically:

var tt = document.createElement("div");
var t = document.createElement("table");
var tb = document.createElement("tbody");
var ntr = document.createElement("tr");
var ntd = document.createElement("td");
ntdtxt = document.createTextNode("dynamic text");

var xyz = document.createElement("input");
xyz.setAttribute("name","parameter");
xyz.setAttribute("value","");

xyz.setAttribute("type","checkbox");
or
xyz.setAttribute("type","text");
or
xyz.setAttribute("type","radiobutton");

xyz.setAttribute("function()","group(this)");
or
xyz.onclick=function(){group(this)};

td.appendChild(xyz);

No comments: