<!DOCTYPE html>
<html>
<head>
<title>Table</title>
</head>
<body>
<script>
var num = 2;
for (var i = 1; i < 11; i++) {
document.write(num + " * " + i + " = " + num * i);
document.write('<br>');
}
</script>
</body>
</html>
操作:
2 * 1 = 2
2 * 2 = 4
2 * 3 = 6
2 * 4 = 8
2 * 5 = 10
2 * 6 = 12
2 * 7 = 14
2 * 8 = 16
2 * 9 = 18
2 * 10 = 20
这是一个 JavaScript 代码,我在其中打印了 2-Table。但是我需要在该表周围放置一个边框。寻求帮助。
最佳答案
我只需将 JavaScript 生成的内容包装在 block 级元素中(例如 pre
),然后使用 CSS 显示边框。
请注意,我重写了 <br>
行,以便在最后一行之后省略尾部换行符,可选且仅用于演示。
pre {
display: inline-block;
border: 1px solid blue;
padding: 20px;
}
<pre>
<script>
var num = 2;
for (var i = 1; i < 11; i++) {
if (i !== 1) {document.write('<br>')};
document.write(num + " * " + i + " = " + num * i);
}
</script>
</pre>
关于javascript - 我如何在 Javascript 中为该表设置边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33565926/