html脚本对象,createElement动态创建HTML对象脚本代码

1.创建链接

var o = document.body;

//创建链接

function createA(url,text)

{

var a = document.createElement("a");

a.href = url;

a.innerHTML = text;

a.style.color = "red";

o.appendChild(a);

}

createA("//www.jb51.net/","牛C网");

2.创建DIV

var o = document.body;

//创建DIV

function createDIV(text)

{

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

div.innerHTML = text;

o.appendChild(div);

}

createDIV("牛C网：//www.jb51.net/");

3.创建表单项

var o = document.body;

//创建表单项

function createInput(sType,sValue)

{

var input = document.createElement("input");

input.type = sType;

input.value = sValue;

o.appendChild(input);

}

createInput("button","ooo");

4.创建表格

var o = document.body;

//创建表格

function createTable(w,h,r,c)

{

var table = document.createElement("table");

var tbody = document.createElement("tbody");

table.width = w;

table.height = h;

table.border = 1;

for(var i=1;i<=r;i )

{

var tr = document.createElement("tr");

for(var j=1;j<=c;j )

{

var td = document.createElement("td");

td.innerHTML = i "" j;

//td.appendChild(document.createTextNode(i "" j));

td.style.color = "#FF0000";

tr.appendChild(td);

}

tbody.appendChild(tr);

}

table.appendChild(tbody);

o.appendChild(table);

}

createTable(270,270,9,9);