スクロール

設定なし　 設定　 全画面表示 F11
　　		 s2-17s
セル幅取得　セル幅設定

実行
　 リセット		  turuken1
種 全 全 花期 分布（沖縄は略） 画像 全 図鑑 観察 全 花 全 葉１ 全 葉２ 備考
5                              
4                              
3                              
2                              
1                              
 
以下はデータ　387 種　　地面を這うものは未収録　　全データは 「つる植物の巻き方向」 に収録
種 -- -- 花期 分布（沖縄は略） 画像 -- 図鑑 観察 -- 花 -- 葉１ -- 葉２ 備考
ハマサオトメカズラ 草 落 ８〜10 本・四・九 ■ S 　 Ｓ R 両性花 T 単葉 T 対生 　
ヘクソカズラ 草 落 ８〜９ 北・本・四・九 ■ S Ｓ Ｓ R 両性花 T 単葉 T 対生 　
アケビ 木 落 ４〜５ 本・四・九 ■ Z Ｚ Ｚ D 雌雄同株 S 掌状 G 互生 　
ゴヨウアケビ 木 落 ４〜５ 本・四・九 ■ Z Ｚ Ｚ D 雌雄同株 S 掌状 G 互生 　
ミツバアケビ 木 落 ４〜５ 北・本・四・九 ■ Z Ｚ Ｚ D 雌雄同株 3 ３出 G 互生 　
ムベ 木 常 ４〜５ 関東南部以西・四・九 ■ Z Ｚ Ｚ D 雌雄同株 3 ５〜７出 G 互生 　
アオカズラ 木 落 ３〜４ 四・九 □ Z Ｚ 　 R 両性花 T 単葉 G 互生 （るりびょうたん・ルリビョウタン）　参考１　参考２
30                              
29                              
28                              
27                              
26                              
25                              
24                              
23                              
22                              
21                              
20                              
19                              
18                              
17                              
16                              
15                              
14                              
13                              
12                              
11                              
10                              
9                              
8                              
7                              
6                              
5                              
4                              
3                              
2                              
1                              

getComputedStyle セル幅取得

参照１．http://d.hatena.ne.jp/amachang/20070611/1181554170

　　　２．http://d.hatena.ne.jp/bk_h/20121028/1351402598　値わりあて，カスケード処理，継承

上記 １ によれば
「Firefox, Opera, Safari では下記で使える。」
var style = document.defaultView.getComputedStyle(element, '')

「IE では、そもそも getComputedStyle という関数自体が存在しない」とある、IE9 以上で対応ともある。
下記でクロスブラウザで使える」とある。
var style = element.currentStyle || document.defaultView.getComputedStyle(element, '')

このページの記述は下記　IE10 IE11 で動作確認

データテーブルの各セルの幅に項目テーブルとその下のテーブルのセル幅を合わす。

function s1(){
　var tbl1=document.getElementById("table1"); //データのテーブル
　var tbl2=document.getElementById("table2"); //項目のテーブル（備考）
　var tbl3=document.getElementById("table3"); //その下のテーブル
　var style = null;
　for(var i=0;tbl1.rows[1].cells[i];i++){
　　style = getComputedStyle(tbl1.rows[1].cells[i], ''); //データテーブルのセル幅を取得　rows[1]は2行目
　　tbl2.rows[0].cells[i].style.width = style.width;　　　　//項目のテーブルに設定　　　　　　rows[0]は1行目
　　tbl3.rows[0].cells[i].style.width = style.width;　　　　//その下のテーブルに設定　　　　 rows[0]は1行目
　}
}