jsから動的にテーブルを作成しようとしていますが、テーブルの正確な幅と高さはわかりますが、テーブルセルの実際の幅はわかりません。各セルの幅を見つけることは可能ですが、セルの幅を指定せずに実際にロックできるかどうか疑問に思いました。
jsfiddleへのリンク:
私の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";
}