table１２ ■自動■　table２個・項目複数Ｅ

データ項目が複数の、JavaScriptの自動作成のtableです。データにはタグが使用できます。
■今回のJavaScriptでは、左側に自動で番号を付け、背景色を変更し、２個のtableを表示しています。
一番下にソースを３個表示しています。
◆１個目は、１番上のtableのみのソースです。前回Ｄとの違いは、番号欄に文字を組み合わせている点です。
◆２個目は、２番目のtableのみのソースです。前回Ｄとの違いは、番号欄の記述以外に、上側の項目が無い点です。
◆３個目は、１番目と２番目を合わせた、このページと同じソースです。
それ以外の前回Ｄとの違いは、CSSでの装飾の違いです。

---------------------●２個のtableを作成するには
いままでは、JavaScriptのtable組立部分に id='Tb'を記述していましたが、今回は２個のtableを作成し、２個とも同じ装飾をしているので class='Tb'に変更しています。（ " ではなく ' を使用します）
しかしもし２個のtableに別々の装飾をするなら、２個目のtableに別のid名なりclass名を指定して、その名でCSSで装飾することも可能です。
見た目はひとつのtableを、２つに分解して表示しているように見えますが、実は別個のtableなのです。
だから２個目のtableの横のデータ数は、１個目のtableのデータ数と違ってもかまいません。行も違っても構いません。
２個目のtableは　上項目無し、番号付の見本のために作成したものなので、bodyに位置指定をする時も、続けて記述する必要もないのです。
＜div id="wakuT"＞＜/div＞
いろいろな文章、いろいろな文章、いろいろな文章
＜div id="wakuT2"＞＜/div＞
という記述の仕方も可能です。

でもほんとうは今回の例のような場合は、わざわざ２個のtableにしなくてもデータ行は増減可能なので、１個目のtableのデータ行の下に２個目のtableのデータ行を追加で記述して、１個のtableにまとめた方が簡単です。
ただしその場合は、２個目のtableのデータの、
Tco2[ii++]=～～～の部分は、１個目のtableのデータと同じ、
Tco[i++]=～～～に変更して下さい。
なお、２個のtable同士でデータ行の入れ替えをする時は、別個のtableなので、、上記のように、Tco[i++]とTco2[ii++]の記述も、tableに合わせて書き直す必要があります。

---------------------●番号指定の方法
前回Ｄでも説明しましたが、番号は自動で、上からの連番で付きます。

１個目のtableの番号指定は
ttt+="＜th＞第"+(i+1)+"位＜/th＞";　　　//★番号指定。「第　位」の文字が不要なら文字部分を削除。(i+1)で１から出る
文字を組み合わせない場合は
ttt+="＜th＞"+(i+1)+"＜/th＞";　　　　　//★番号指定。「第　位」の文字が不要なら文字部分を削除。(i+1)で１から出る

２個目のtableの番号指定は
ttt2+="＜th＞第"+(ii+6)+"位＜/th＞";　　//★番号指定。「第　位」の文字が不要なら文字部分を削除。(ii+6)で6から出る。
文字を組み合わせない場合は
ttt2+="＜th＞"+(ii+6)+"＜/th＞";　　　　//★番号指定。「第　位」の文字が不要なら文字部分を削除。(ii+6)で6から出る。
さらに１個目のtableと同じように番号を１から出すには
ttt2+="＜th＞"+(ii+1)+"＜/th＞";

とします。（ //から以下の部分はコメント欄になるので、JavaScript上は何を記述しても動作に影響しません）
このページの説明文をコピーする時は、＜と＞は半角文字に変更して下さい。

１．位置指定の方法
いろいろと面倒なので、今回から位置指定はdivの#wakuTではなく、tableの#Tbでします。
そのまえに、この二つの説明をします。
この自動tableは、bodyに＜table id="Tb"＞＜/table＞と記述しても表示しないので、tableを＜div id="wakuT"＞＜table id="Tb"＞～～～＜/table＞＜/div＞で囲む形で表示しています。
ただし、＜table id="Tb"＞～～～＜/table＞の部分はJavaScriptのソースの中に記述してあります。
いろいろな文章の下にこのtableを表示したい時、そのbodyの中の場所に＜div id="wakuT"＞＜/div＞を記述することで、tableの位置指定ができるのです。

ところがdivは、は左から●px、上から●pxという位置指定は簡単ですが、中央配置するには、横幅サイズを指定しないとできません。
サイズ指定ができれば問題ないのですが、今回のように大量のデータを並べると具体的なサイズが不明です。
しかしtableは、具体的な横幅がなくても中央配置が可能です。だからtableの#Tbで位置指定する方が、簡単なのです。

ただし、サイトによっては、表示領域本体の横サイズを900pxとか80%とか、指定されているところも有ります。
そんなサイトでは、上記のような横サイズがわからないという大きなtableの作成方法では困られると思います。
その場合はtableの#Tbに、width:850px;とかwidth:90%;（%指定の場合、本体80%の中の90%という意味）を指定して下さい。
こうすれば、セルの中身が表示しきれない部分は自動的に改行します。
#wakuTと#Tbの関係は、ためしに#wakuTに背景色を指定してみるとわかります。

２．１個目のtableのセルのデータ記述方法
Tco[i++]=["キラキラ星","自動スライド超簡単","雪が降る(全面＆範囲)","星が踊る -ぱーぷりん-","ランダム背景body・左端"];
　　　：
　　　：
Tco[i++]=["回転する文字","クリックでスライド","キラキラ星が降る","ふわふわ天使","ランダムスライドbody・左端"];
上記が今回の１個目のtableのデータの記述です。
見本では["Ａ０","Ａ１","Ａ２","Ａ３","Ａ４"];と、横１行に５個のデータが並んでいます。次の行は
["Ｂ０","Ｂ１","Ｂ２","Ｂ３","Ｂ４"];
["Ｃ０","Ｃ１","Ｃ２","Ｃ３","Ｃ４"];
　　　：
　　　：
["Ｇ０","Ｇ１","Ｇ２","Ｇ３","Ｇ４"];
JavaScriptではデータ番号は１ではなく０から始まるので、この例では横に５個のデータが並んでいます。
この５個の指定は、自由に変更できます。ただし、それぞれの縦に並んだ行は、同じ個数のデータで揃えなければなりません。
上の行は５個、２行目は３個、３行目は４個なんてことはできません。
縦の行ももちろん増減可能です。見本は７行ですが、３行でも２０行でも可能です。

５個で作成したけど、最後の行は３個しかないなら、
["Ｇ０","Ｇ１","Ｇ２","",""];

７個で作成したけど、２行目の３個目のデータを削除したいなら、
["Ｂ０","Ｂ１","","Ｂ３","Ｂ４","Ｂ５","Ｂ６"];

データが無い部分は "" を記述して、個数を揃えて下さい。 "" の部分は空白で表示されます。

他のJavaScriptとの記述の違い
項目が１個だけでも複数でも、このtableのJavaScriptは、他の当サイトのJavaScriptと大きく違う点があります。
それはデータ番号を記述する場所に、数字が入ってない点です。普通は
Tco[0]=～～～
Tco[1]=～～～
Tco[2]=～～～
と、数字が入っているところが、
Tco[i++]=～～～
Tco[i++]=～～～
Tco[i++]=～～～
となっています。
これは行の入れ替えを簡単にするためです。数字を入れていると、下の行を上にしたり途中の行を丸ごと削除した時には、番号を付け直す必要があります。

じゃあ、他のJavaScriptもそうすればいい？
いえいえ、たとえばコメント付きの簡単スライドショーの場合を考えてみて下さい。
数字を付けることで、ga[0]の画像にmes[0]のコメントが記述しやすくなります。
数字が無いと間違えて ga[3]の画像に、mes[4]のコメントを付けてしまったりします。間違えた場合、どの行を間違ったのかの把握も難しいです。
でも画像だけのスライドショーの場合は、ga[i++]で記述してあれば、最新の画像を一番上に記述して、数字を書き直す必要がないというメリットはあります。
ケース・バイ・ケースでどうぞ。
tableの場合も、「行の入れ替えや削除をする必要が全くない」か、「入れ替えたり削除したら、自分で数字を書き直す」のであれば、
Tco[0]=～～～
Tco[1]=～～～
Tco[2]=～～～
と記述しても、大丈夫です。

なお参考にしたサイトがたくさんあります。代表的なものを４つだけ紹介します。
セルの背景色の２色カラーは、イヌでもわかるJavaScript講座から。
table作成をinnerHTMLで記述する方法は、OKWaveのzousan77さんの回答から。
データの項目のまとめ方は、無数のJavaスクリプトサンプル(SCRIPT OF ANGER)日本旭日党から。
配列の要素に別の配列リテラルを格納して多次元配列のように扱う方法は、AjaxTowerから。

◆番号付、上項目付きのソース◆１個目のtable
ソースの中でマウスの右クリックで『すべて選択』した後に、
再度右クリックして『コピー』

<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">

<title>table１２ ■自動■　table２個・項目複数Ｅ</title>

<!--★ここからコピー-->
<style type="text/css">
<!--
/*★tableの位置と装飾指定用*/
#Tb{
margin:50px auto ;/*★中央指定*/
font-size:80%;/*★tableの文字サイズ*/
color:#000;/*★table全体の文字色　黒*/
border-collapse: collapse;/*★セルの隙間を空けない*/
}

#Tb thead th{
background:#7ce;/*★上項目の背景色　青色*/
border-bottom:2px solid #aaa;/*★上項目のセルの下枠線　灰色*/
}

#Tb th{
padding:5px;/*★セルと番号、セルと上項目文字の隙間*/
border:1px solid #aaa;/*★セルの枠線　灰色*/
background:#fde;/*★番号の背景色　ピンク。この行を削除すると番号欄もツートンカラーになります*/
}

#Tb td{
padding:5px;/*★セルと文字の隙間*/ 
border:1px solid #aaa;/*★セルの枠線　灰色*/
width:170px;/*★セルの横幅を揃える。今回は２つのtableを見やすくする為に横幅指定。不要なら削除*/
}
-->
</style>
<!--★ここまでコピー。bodyにもコピーがあります-->

</head>
<body>

<!--★ここからコピー-->
<!--★この１行がtableの表示位置です-->
<div id="wakuT"></div>


<script type="text/JavaScript">
<!--
/*====================================================================
★自動table　項目複数・番号付き・上項目付き・左項目無し　：2015/01/26
参考サイト：http://www.red.oit-net.jp/tatsuya/java/table.htm
参考サイト：http://okwave.jp/qa/q8093681.html
参考サイト：http://freett.com/nihonkyokujituto/download/javasc/brolnk5.htm　
参考サイト：http://www.ajaxtower.jp/js/array/index5.html
====================================================================*/
var i=0;
var j=0;

/*★↓tableのデータ。増減可能。タグが使用可。見本では["●","●","●","●","●","●"]と、横１行に６個のデータが並んでいます。横に並べるデータ数は３個でも１０個でも可ですが、横に並べるデータ数は全行同じに揃えて下さい。データが無い部分は["●","●","●","","●",""]等として、"" を残して数を揃えます。"" の部分は空白で表示されます。*/

var Tco = new Array;
Tco[i++]=["キラキラ星","自動スライド超簡単","雪が降る(全面＆範囲)","星が踊る -ぱーぷりん-","ランダム背景body・左端"];
Tco[i++]=["小さなキラキラ星","自動スライド、コメ付き","ハートが上る(全面＆範囲)","ひまわり娘 -ぱーぷりん-","ランダム背景box・全面"];
Tco[i++]=["ハートでハート","開始、停止ボタン付き","粉雪が降る","蝶が舞う -Kurt Grigg-","スライド背景body・上端"];
Tco[i++]=["文字で文字","開始、停止、コメ付き","激しい粉雪","サンタが飛ぶ(範囲指定)","スライド背景box・右端"];
Tco[i++]=["回転する文字","クリックでスライド","キラキラ星が降る","ふわふわ天使","ランダムスライドbody・左端"];

var Tbc= new Array("#dee","#bef"); /*★セルの背景色指定。２色指定。,"●"を付けて色を追加すれば何色でも可*/

function myTb(){

var ttt="<table id='Tb'><thead><tr>"; 

/*★★↓上項目欄はここで記述。この上項目欄は増加させる時は<th>●●</th>で。削除も<th></th>を含めて削除*/
var tth="<th>人気順</th><th>マウス</th><th>スライド</th><th>画像が降る上る</th><th>画像ふわふわ</th><th>動く背景</th>";

ttt+=tth;
ttt+="</tr></thead><tbody>";
for (i=0; i<Tco.length; i++){      　　 /*■行のループ指定。上項目はデータから削除したので i=0 です*/
ttt+="<tr style='background:"+Tbc[i%Tbc.length]+";'>";  　//■行の背景色指定。色指定の１番目から交互に出ます

ttt+="<th>第"+(i+1)+"位</th>";　　　　　//★番号指定。「第　位」の文字が不要なら文字部分を削除。(i+1)で１から出る

for (j=0; j<Tco[i].length; j++){   　　 /*■セルのループ指定*/ 
ttt+="<td>"+Tco[i][j]+"</td>";  　      //■セルのデータ
}  
ttt+="</tr>";
}
ttt+="</tbody></table>";
document.getElementById("wakuT").innerHTML =ttt;
}

window.onload=myTb;

//-->
</script>
<!--★ここまでコピー-->

<br><br><br>
</body>
</html>

◆番号付、上項目無しのソース◆２個目のtable
ソースの中でマウスの右クリックで『すべて選択』した後に、
再度右クリックして『コピー』

<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">

<title>table１２ ■自動■　table２個・項目複数Ｅ</title>

<!--★ここからコピー-->
<style type="text/css">
<!--
/*★tableの位置と装飾指定用*/
#Tb{
margin:50px auto ;/*★中央指定*/
font-size:80%;/*★tableの文字サイズ*/
color:#000;/*★table全体の文字色　黒*/
border-collapse: collapse;/*★セルの隙間を空けない*/
}

#Tb th{
padding:5px;/*★セルと番号の隙間*/
border:1px solid #aaa;/*★セルの枠線　灰色*/
background:#fde;/*★番号の背景色　ピンク。この行を削除すると番号欄もツートンカラーになります*/
}

#Tb td{
padding:5px;/*★セルと文字の隙間*/ 
border:1px solid #aaa;/*★セルの枠線　灰色*/
width:170px;/*★セルの横幅を揃える。今回は２つのtableを見やすくする為に横幅指定。不要なら削除*/
}
-->
</style>
<!--★ここまでコピー。bodyにもコピーがあります-->

</head>
<body>

<!--★ここからコピー-->
<!--★この１行がtableの表示位置です-->
<div id="wakuT"></div>


<script type="text/JavaScript">
<!--
/*====================================================================
★自動table　項目複数・番号付き・上項目無し・左項目無し　：2015/01/26
参考サイト：http://www.red.oit-net.jp/tatsuya/java/table.htm
参考サイト：http://okwave.jp/qa/q8093681.html
参考サイト：http://freett.com/nihonkyokujituto/download/javasc/brolnk5.htm　
参考サイト：http://www.ajaxtower.jp/js/array/index5.html
====================================================================*/
var i=0;
var j=0;

/*★↓tableのデータ。増減可能。タグが使用可。見本では["●","●","●","●","●","●"]と、横１行に６個のデータが並んでいます。横に並べるデータ数は３個でも１０個でも可ですが、横に並べるデータ数は全行同じに揃えて下さい。データが無い部分は["●","●","●","","●",""]等として、"" を残して数を揃えます。"" の部分は空白で表示されます。*/

var Tco = new Array;
Tco[i++]=["動く時計","クリックでコメ付き","透き通る雪","キラキラ星(画像)","背景サイズ指定スライド"];
Tco[i++]=["クリックで星が散る","自動でもクリックでも","蛍の星空","散らばる画像","背景色、背景画像変更"];
Tco[i++]=["雪が降るリンク","全部セット","上下選択A(全面&範囲&装飾)","空飛ぶ花のリング","指定日まで背景画像変化"];
Tco[i++]=["回転虹色キラキラマウス","■完成です■","上下選択B(全面&範囲&装飾)","跳ね回る大量ボール","テーブル背景移動"];
Tco[i++]=["リング文字のマウス","★盛ります★","上下選択C(全面&範囲&装飾)","打上げ花火(画像)","背景移動　複数設定"];

var Tbc= new Array("#dee","#bef"); /*★セルの背景色指定。２色指定。,"●"を付けて色を追加すれば何色でも可*/


function myTb(){

var ttt="<table id='Tb'>";

for (i=0; i<Tco.length; i++){      　   /*■行のループ指定。上項目はデータから削除したので i=0 です*/
ttt+="<tr style='background:"+Tbc[i%Tbc.length]+";'>";  //★■行の背景色指定。別の背景色を指定した時は、"+Tbc2[ii%Tbc2.length]+"に。

ttt+="<th>第"+(i+1)+"位</th>";　　　　　//★番号指定。「第　位」の文字が不要なら文字部分を削除。(ii+6)で6から出る。

for (j=0; j<Tco[i].length; j++){   　   /*■セルのループ指定*/ 
ttt+="<td>"+Tco[i][j]+"</td>";  　      //■セルのデータ
}  
ttt+="</tr>";
}
ttt+="</table>";
document.getElementById("wakuT").innerHTML =ttt;
}
window.onload =myTb;
//-->
</script>
<!--★ここまでコピー-->


<br><br><br>
</body>
</html>

◆全ソース◆２個のtable
ソースの中でマウスの右クリックで『すべて選択』した後に、
再度右クリックして『コピー』

<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">

<title>table１２ ■自動■　table２個・項目複数Ｅ</title>

<!--★ここからコピー-->
<style type="text/css">
<!--
/*★tableの位置と装飾指定用*/
.Tb{
margin:50px auto ;/*★中央指定*/
font-size:80%;/*★tableの文字サイズ*/
color:#000;/*★table全体の文字色　黒*/
border-collapse: collapse;/*★セルの隙間を空けない*/
}

.Tb thead th{
background:#7ce;/*★上項目の背景色　青色*/
border-bottom:2px solid #aaa;/*★上項目のセルの下枠線　灰色*/
}


.Tb th{
padding:5px;/*★セルと番号、セルと上項目文字の隙間*/
border:1px solid #aaa;/*★セルの枠線　灰色*/
background:#fde;/*★番号の背景色　ピンク。この行を削除すると番号欄もツートンカラーになります*/
}

.Tb td{
padding:5px;/*★セルと文字の隙間*/ 
border:1px solid #aaa;/*★セルの枠線　灰色*/
width:170px;/*★セルの横幅を揃える。今回は２つのtableを見やすくする為に横幅指定。不要なら削除*/
}
-->
</style>
<!--★ここまでコピー。bodyにもコピーがあります-->

</head>
<body>

<!--★ここからコピー-->
<!--★この２行がtableの表示位置です-->
<div id="wakuT"></div>
<div id="wakuT2"></div>


<script type="text/JavaScript">
<!--
/*====================================================================
★自動table　項目複数・番号付き・上項目付きと無し・左項目無し・table２個　：2015/01/26
参考サイト：http://www.red.oit-net.jp/tatsuya/java/table.htm
参考サイト：http://okwave.jp/qa/q8093681.html
参考サイト：http://freett.com/nihonkyokujituto/download/javasc/brolnk5.htm　
参考サイト：http://www.ajaxtower.jp/js/array/index5.html
====================================================================*/
var i=0;
var j=0;
var ii=0;//■２個目のtabley用
var jj=0;//■２個目のtabley用

/*★↓tableのデータ。増減可能。タグが使用可。見本では["●","●","●","●","●","●"]と、横１行に６個のデータが並んでいます。横に並べるデータ数は３個でも１０個でも可ですが、横に並べるデータ数は全行同じに揃えて下さい。データが無い部分は["●","●","●","","●",""]等として、"" を残して数を揃えます。"" の部分は空白で表示されます。*/

/*=====■１個目のtableのデータ=======================================================*/
var Tco = new Array;
Tco[i++]=["キラキラ星","自動スライド超簡単","雪が降る(全面＆範囲)","星が踊る -ぱーぷりん-","ランダム背景body・左端"];
Tco[i++]=["小さなキラキラ星","自動スライド、コメ付き","ハートが上る(全面＆範囲)","ひまわり娘 -ぱーぷりん-","ランダム背景box・全面"];
Tco[i++]=["ハートでハート","開始、停止ボタン付き","粉雪が降る","蝶が舞う -Kurt Grigg-","スライド背景body・上端"];
Tco[i++]=["文字で文字","開始、停止、コメ付き","激しい粉雪","サンタが飛ぶ(範囲指定)","スライド背景box・右端"];
Tco[i++]=["回転する文字","クリックでスライド","キラキラ星が降る","ふわふわ天使","ランダムスライドbody・左端"];


/*=====■２個目のtableのデータ。行数の増減可能。横の個数を変えて別tableを作っても可=====*/
var Tco2 = new Array;
Tco2[ii++]=["動く時計","クリックでコメ付き","透き通る雪","キラキラ星(画像)","背景サイズ指定スライド"];
Tco2[ii++]=["クリックで星が散る","自動でもクリックでも","蛍の星空","散らばる画像","背景色、背景画像変更"];
Tco2[ii++]=["雪が降るリンク","全部セット","上下選択A(全面&範囲&装飾)","空飛ぶ花のリング","指定日まで背景画像変化"];
Tco2[ii++]=["回転虹色キラキラマウス","■完成です■","上下選択B(全面&範囲&装飾)","跳ね回る大量ボール","テーブル背景移動"];
Tco2[ii++]=["リング文字のマウス","★盛ります★","上下選択C(全面&範囲&装飾)","打上げ花火(画像)","背景移動　複数設定"];

//★２個めのtableに別の背景色を付けたい場合はvar Tbc2=～～を別に記述。
var Tbc= new Array("#dee","#bef"); /*★セルの背景色指定。２色指定。,"●"を付けて色を追加すれば何色でも可*/


/*============table1   上項目付き=======================================================*/
function myTb(){

var ttt="<table class='Tb'><thead><tr>"; //■←ここでclass='Tb'指定。注意することは　"Tb"ではなく、'Tb'とすること。

/*★★↓上項目欄はここで記述。この上項目欄は増加させる時は<th>●●</th>で。削除も<th></th>を含めて削除*/
var tth="<th>人気順</th><th>マウス</th><th>スライド</th><th>画像が降る上る</th><th>画像ふわふわ</th><th>動く背景</th>";

ttt+=tth;
ttt+="</tr></thead><tbody>";
for (i=0; i<Tco.length; i++){      　　 /*■行のループ指定。上項目はデータから削除したので i=0 です*/
ttt+="<tr style='background:"+Tbc[i%Tbc.length]+";'>";  　//■行の背景色指定。色指定の１番目から交互に出ます

ttt+="<th>第"+(i+1)+"位</th>";　　　　　//★番号指定。「第　位」の文字が不要なら文字部分を削除。(i+1)で１から出る

for (j=0; j<Tco[i].length; j++){   　　 /*■セルのループ指定*/ 
ttt+="<td>"+Tco[i][j]+"</td>";  　      //■セルのデータ
}  
ttt+="</tr>";
}
ttt+="</tbody></table>";
document.getElementById("wakuT").innerHTML =ttt;
}

/*============table2   上項目無し======================================================*/

function myTb2(){

var ttt2="<table class='Tb'>"; //■←ここでclass='Tb'指定。注意することは　"Tb"ではなく、'Tb'とすること。

for (ii=0; ii<Tco2.length; ii++){      　 /*■行のループ指定。上項目はデータから削除したので i=0 です*/
ttt2+="<tr style='background:"+Tbc[ii%Tbc.length]+";'>";  //★■行の背景色指定。別の背景色を指定した時は、"+Tbc2[ii%Tbc2.length]+"に。

ttt2+="<th>第"+(ii+6)+"位</th>";　　　　　//★番号指定。「第　位」の文字が不要なら文字部分を削除。(ii+6)で6から出る。

for (jj=0; jj<Tco2[ii].length; jj++){   　/*■セルのループ指定*/ 
ttt2+="<td>"+Tco2[ii][jj]+"</td>";  　    //■セルのデータ
}  
ttt2+="</tr>";
}
ttt2+="</table>";
document.getElementById("wakuT2").innerHTML =ttt2;
}

/*====================２個のtableを呼び出す==========================================*/
window.onload =function (){　　　　　　　　
myTb();
myTb2();
}
//-->
</script>
<!--★ここまでコピー-->


<br><br><br>
</body>
</html>

table１２ ■自動■ table２個・項目複数Ｅ UP日時 : 2015/01/26

　table１２ ■自動■　table２個・項目複数Ｅ　　　　UP日時 : 2015/01/26