0

jsから動的にテーブルを作成しようとしていますが、テーブルの正確な幅と高さはわかりますが、テーブルセルの実際の幅はわかりません。各セルの幅を見つけることは可能ですが、セルの幅を指定せずに実際にロックできるかどうか疑問に思いました。

jsfiddleへのリンク：

http://jsfiddle.net/j3TEz/21/

私のjsファイル：

window.addEventListener('load',init,false);
function init(){
var table = document.getElementById('myTable');
var tr = 3;
var td=5;

var innerTable = '';

for(var trCounter=0;trCounter<tr;trCounter++){
    innerTable+='<tr>';

    for(var tdCounter=0;tdCounter<td;tdCounter++){
       var id=(trCounter*td)+tdCounter;
       innerTable+='<td id="'+id+'" onclick="addText('+id+')"></td>';                         
    }

    innerTable+='</tr>';
}

table.style.width="600px";
table.style.height="300px";
table.style.border="1px solid black";
table.innerHTML=innerTable;
}



function addText(id){
    document.getElementById(id).innerHTML="Lorem Ipsum";
}
4

1 に答える 1

0

Css table-layout を fixed に設定すると、列の幅が固定されたままになり、サイズは最初の行の列によって決まります。この助けを願っています。

于 2013-01-01T21:41:03.977 に答える