📄 例4－36.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0047)http://192.168.6.19/jxyd/book/web0208/E4_36.htm -->
<HTML><HEAD><TITLE>使用DOM生成表格</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=JavaScript>
function genTable(pNode)
{
var i,j;
var contents=new Array(3);
for (i=0;i<3;i++)
contents[i]=new Array(2);
contents[0][0]="商品类别";
contents[0][1]="数量";
contents[1][0]="日用百货";
contents[1][1]="10";
contents[2][0]="电器";
contents[2][1]="20";
var tableNode=document.createElement("TABLE");
var tBodyNode=document.createElement("TBODY");
var t1,t2;
for (i=0;i<3;i++)
{
t1=document.createElement("TR");
tBodyNode.appendChild(t1);
for (j=0;j<2;j++)
{
t1=document.createElement("TD");
t2=document.createTextNode(contents[i][j]);
t1.appendChild(t2);
tBodyNode.childNodes[i].appendChild(t1);
}
}
pNode.appendChild(tableNode);
tableNode.id="test";
tableNode.border=2;
tableNode.appendChild(tBodyNode);
}
</SCRIPT>
<META content="MSHTML 6.00.2900.2722" name=GENERATOR></HEAD>
<BODY id=tableTest>
<H2 onclick=genTable(tableTest)>点击此处将生成一个表格</H2>
<H2 onclick=genTable(test1)>点击此处</H2><div id=test1></div><HR>
</BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -