練習乗算テーブル

HTML部分

<!DOCTYPE HTML>
<HTML LANG = "EN">

<ヘッド>
<メタ文字セット= "UTF-8">
<メタ名=「ビューポート」コンテンツ=「幅=装置幅、初期の規模= 1.0」>
<META HTTP-当量= "X-UA-互換性のある" コンテンツ= "IE =エッジ">
<タイトル>ドキュメント</ TITLE>
</ head>の
<身体>
<表>
<TH COLSPAN = "9">九九</目>
</ TABLE>
<スクリプトSRC = "./ index.js"> </ SCRIPT>
</ BODY>
</ HTML>
 
JSの一部
ましょう表= document.getElementsByTagName( "テーブル")[0];
{(I ++; I <= 9、I = 1のせ)のために
TR =のdocument.createElement( "TR")しましょう。
{(J ++; J <= I、J = 1ましょう)のために
聞かせてTD =のdocument.createElement( "TD");
式= document.createTextNode(J + "*" + I + "=" + I * j)にしましょう。
td.appendChild(式)。
td.style.cssText = '国境:1pxの固体';
tr.appendChild(TD)。
}
table.appendChild(TR)。
console.log(表)。
}

おすすめ

転載: www.cnblogs.com/zxq519896763/p/12289222.html