我怎么可以在Javascript中设置一个边界此表

<!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：我怎么可以在Javascript中设置一个边界此表

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我需要把周围的边框表..寻求帮助。

来源

2015-11-06 Manoj Karthik

。使用'

' – Tushar

回答

我只是简单地将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>

来源

2015-11-06 11:50:56

先生我试图显示使用函数的输出...这是正确的方法！

–

要在你已有的代码适应，这里有一个快速的解决方案：

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>

虽然这是这样做的相当混乱的方式。

来源

2015-11-06 11:46:34 OliverRadini

HTML元素的属性style表示具有元素样式的对象。如果你修改它 - 你会改变你的元素的风格。

elem.style.border = "1px solid #red" 
       // the same as 
       elem.style.borderWidth = "1px"; 
       elem.style.borderColor = "#red"; 
       elem.style.borderStyle = "solid";

使用borderTop，borderRight，borderBottom，borderLeft属性，你只能改变接壤你需要什么。

来源

2015-11-06 11:50:42 Codeone

我怎么可以在Javascript中设置一个边界此表

回答

相关问题