javascript - 帮忙看一段js代码

Question

<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属性应该怎么理解。

Answer 1

没看懂你要问什么，class属性在哪？

Answer 2

你说的那一句里用的 + 有点多，看起来费劲，所以我把那句用 ES2015 来表述，看起来直观一点。

// 设置行数和列数
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>");

然后就是你的问题，这里只有 id 属性，并没有 class 属性。如果要理解 id，那就好解理了吧，这里就是为每个 <td> 赋予一个唯一的ID而已，也许后面会用到，也许不会。

Answer 3

里面明明是id好吗，我直接说，对方是想打印一个 25*25格的一个表格。而每个表格的id都是相当于横纵坐标（即格子位于几行几列）表示的。