2012年12月15日 星期六

Lab 32 Programming in DOM (II)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>46546</title>
</head>
<body>
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "<a
 target="_blank" rel="nofollow"
 href="http://www.w3.org/TR/html4/strict.dtd"
 onmousedown="UntrustedLink.bootstrap(this, 'TAQFPBGv4', event)">http://www.w3.org/TR/html4/strict.dtd</a>"&gt;<br>
&lt;html&gt;<br>
&lt;head&gt;<br>
&lt;meta content="text/html; charset=ISO-8859-1"<br>
http-equiv="content-type"&gt;<br>
&lt;title&gt;九九乘法表 (9826128)&lt;/title&gt;<br>
&lt;script&gt;<br>
function buildTable(){<br>
docBody = document.getElementsByTagName("body").item(0)<br>
myTable = document.createElement("TABLE")<br>
myTable.id ="Tableone"<br>
myTable.border = 1<br>
myTableBody = document.createElement("TBODY")<br>
for (i = 1;i&lt;10;i++){<br>
row = document.createElement("TR")<br>
for(j=1;j&lt;10;j++) {<br>
cell = document.createElement("TD")<br>
cell.setAttribute("WIDTH","50")<br>
cell.setAttribute("HEIGHT","50")<br>
textVal = j +"*"+i+"="+i*j<br>
textNode = document.createTextNode(textVal)<br>
cell.appendChild(textNode)<br>
row.appendChild(cell)<br>
}<br>
myTableBody.appendChild(row)<br>
}<br>
myTable.appendChild(myTableBody)<br>
docBody.appendChild(myTable)<br>
}<br>
window.onload = buildTable<br>
&lt;/script&gt;<br>
&lt;/head&gt;<br>
&lt;body&gt;<br>
&lt;br&gt;<br>
<span
 style="background-color: white; font-family: Arial,Tahoma,Helvetica,FreeSans,sans-serif; font-size: 13px; line-height: 18px;">&lt;input
value="顯示圖片" onclick="build()" type="button"&gt;</span><br>
&lt;/body&gt;<br>
&lt;/html&gt;
</body>
</html>

沒有留言:

張貼留言