Question

<!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>

O / P：

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.But我需要在该表周围放置一个边框。寻求帮助。

Answer 1

要适应您已有的代码，这是一个快速的解决方案：

https://jsfiddle.net/0dmvs3pz/

<script>
    document.write('<table border="1">');
    var num = 2;
    for (var i = 1; i < 11; i++) {

        document.write('<tr>');

        document.write('<td>'+ 2 + '</td>');

        document.write('<td>'+ '*' + '</td>');

        document.write('<td>'+ i + '</td>');

        document.write('<td>'+ '=' + '</td>');

        document.write('<td>'+ (2*i) + '</td>');                               

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

虽然这是一种相当混乱的方式。

Answer 2

HTML元素具有属性`<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="wrap_content" android:layout_height="wrap_content"></LinearLayout> <EditText android:id="@+id/Ora_inizio" android:inputType="numberDecimal" android:digits="0123456789./" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="16dp" android:layout_marginLeft="4dp" android:layout_marginRight="4dp" android:layout_marginBottom="4dp" android:hint="Ore" /> <EditText android:id="@+id/Ora_fine" android:inputType="date" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="4dp" android:layout_marginLeft="4dp" android:layout_marginRight="4dp" android:layout_marginBottom="16dp" android:fontFamily="sans-serif" android:hint="data"/> <EditText android:id="@+id/pause" android:inputType="numberDecimal" android:digits="0123456789./" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_marginTop="4dp" android:layout_marginLeft="4dp" android:layout_marginRight="4dp" android:layout_marginBottom="16dp" android:fontFamily="sans-serif" android:hint=""/> <TableRow android:layout_width="wrap_content" android:layout_height="wrap_content"> <Button android:id="@+id/ok_action" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="left" android:text="Ok"/> <Button android:id="@+id/canceldialog" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:text="Cancel"/> </TableRow>，表示具有元素样式的对象。如果你修改它 - 你将改变元素的样式。

style

使用 borderTop ， borderRight ， borderBottom ， borderLeft 属性，您只能更改所需的边框。< / p>

Answer 3

我只是将JavaScript生成的内容包装在块级元素（例如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

3 个答案: