<p class="mainbody">
    <p class="text">
        <span>↑：上</span>
        <span>↓：下</span>
        <span>←：左</span>
        <span>→：右</span>
    </p>
    <p class="score">
        <span>
        <!-- i标签是斜体 -->
            得分： <i id="score">0</i>
        </span>
    </p>
<script type="text/javascript">
// 设置行数和列数
    var longness = 25;
    // writeIn能够在添加的参数后面添加一个换行符
    document.writeIn('<table>');
    for (var y=0;y<longness;y++){
        document.writeln('<tr>');
        for (var x=0;x<longness;x++){
            document.writeln('<td id="x'+x+'y'+y+'"></td>');
        }
        document.writeIn('</tr>');
    }
    document.writeIn('</table>')
</script>
</p>

不太明白将这段js代码放在p里是怎么起作用的。
尤其是document.writeln('<td id="x'+x+'y'+y+'"></td>');,这一段，里面添加的calss属性应该怎么理解。