Динамическое создание таблицы.
В приведенном ниже коде создается таблица.
<html>
<head>
</head>
<body>
<script language="JavaScript" type="text/javascript">
function createelem(tag, id, elem){
var el=document.createElement(tag);
el.id=id;
if(elem) elem.appendChild(el);
return el;
}
function createtn(str, elem){
var tn=document.createTextNode(str);
if(elem) elem.appendChild(tn);
return tn;
}
var i, j, tbl, th, tb, tr, td;
tbl=createelem("table", "", document.body);
th=createelem("thead", "", tbl);
tb=createelem("tbody", "", tbl);
for(i=0; i<5; i++){
tr=createelem("tr", "", tb);
for(j=0; j<5; j++){
td=createelem("td", "", tr);
td.onclick=function(){alert(i+""+j);}
createtn(i+""+j, td);
}
}
i=0; j=0;
</script>
</body>
</html>
В строке
td.onclick=function(){alert(i+""+j);}
i и j воспринимаются как переменные, т.е. в результате при клике мышки над любой ячейкой таблицы формируется 00 (последние значения этих переменных).
Вопрос вот в чем. Как изменить код, чтобы i и j не воспринимались как переменные, а брались бы их значения, т.е. над 0 ячейкой 0 строки формировалось 00, над 1 ячейкой 0 строки формировалось 01 и т.д.
Задачу надо решить не используя innerhtml.
<html>
<head>
</head>
<body>
<script language="JavaScript" type="text/javascript">
function createelem(tag, id, elem){
var el=document.createElement(tag);
el.id=id;
if(elem) elem.appendChild(el);
return el;
}
function createtn(str, elem){
var tn=document.createTextNode(str);
if(elem) elem.appendChild(tn);
return tn;
}
var i, j, tbl, th, tb, tr, td;
tbl=createelem("table", "", document.body);
th=createelem("thead", "", tbl);
tb=createelem("tbody", "", tbl);
for(i=0; i<5; i++){
tr=createelem("tr", "", tb);
for(j=0; j<5; j++){
td=createelem("td", "", tr);
td.onclick=function(){alert(i+""+j);}
createtn(i+""+j, td);
}
}
i=0; j=0;
</script>
</body>
</html>
В строке
td.onclick=function(){alert(i+""+j);}
i и j воспринимаются как переменные, т.е. в результате при клике мышки над любой ячейкой таблицы формируется 00 (последние значения этих переменных).
Вопрос вот в чем. Как изменить код, чтобы i и j не воспринимались как переменные, а брались бы их значения, т.е. над 0 ячейкой 0 строки формировалось 00, над 1 ячейкой 0 строки формировалось 01 и т.д.
Задачу надо решить не используя innerhtml.