javascript - 带有粗体标签的嵌套 for 循环

Question

是否可以编写一个嵌套的 for 循环来构建一个表格，并且完美的正方形以粗体显示？

我现在就这么多了

<table border=1 cellpadding=10>
<script type="text/javascript">
    for (j=1; j<=10; j++) {
        document.write('<tr>');
        for (i=1; i<=10; i++) {
            document.write('<td align ="center">',i*j,'</td>');
        }
        document.write("</tr>\n");  
    }
</script>

但我想突出显示表格中的完美方 block 。有人吗

Answer 1

http://jsfiddle.net/mmhDR/

j 通常用作第二个循环变量，之后为 k，依此类推。

window.onload=function(){
    var t = document.createElement('table');
    for(var i =1;i<11;i++){
        var tr = document.createElement('tr');
        for(var j=1;j<11;j++){
            var td=document.createElement('td');
            td.innerHTML=''+(j*i);
            if(j==i){
                td.className="bold";
            }
            tr.appendChild(td);
        }
        t.appendChild(tr);
    }
    document.body.appendChild(t);
};

编辑:使用 document.write():

http://jsfiddle.net/8vTg7/

<style type="text/css" >
table{
    margin:10px;
}
td{
    text-align:center;
    padding:5px;
    border:1px solid grey;
}
.bold{
    font-weight:bold;
}
</style>
<script type="text/javascript">
document.write('<table>');
    for(var i =1;i<11;i++){
        document.write('<tr>');
        for(var j=1;j<11;j++){
            document.write('<td ');
            if(j==i){
                document.write('class="bold"');
            }
            document.write('>');
            document.write(''+(i*j));

            document.write('</td>');
        }
        document.write('</tr>');
    }
    document.write('</table>');
</script>