动态生成HTML标签

来源：互联网发布：软件可靠性分析方法编辑：程序博客网时间：2024/05/18 17:00

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

function onload()

{

var k=document.getElementById("div1");

var t=document.createElement("p");

t.appendChild(document.createTextNode("This is a new paragraph with "));

k.appendChild(t);

}

function onload1()

{

var k=document.getElementById("div1");

var t1=document.createElement("tbody");//用tr来appendChild（td），然后再用tbody来appendChild（tr），然后再用table来appendChild（tbody）就动态生成了一个table了。

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

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

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

td.appendChild(document.createTextNode("This is a new colum of zhe table!"));

tr.appendChild(td);

t1.appendChild(tr);

t.appendChild(t1);

k.appendChild(t);

alert(t.innerHTML);//innerHTML是用来显示内部标签。

}

</script>

</head>

</div>

</form>

</body>

</html>