如何将下面的示例放入表中 [英] How do I get the below example into a table

查看:83
本文介绍了如何将下面的示例放入表中的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

<!DOCTYPE html>
<html>
<body>


<p id="demo"></p>

<script>
var cars = ["BMW", "Volvo", "Saab", "Ford"];
var text = "";
var i;
for (i = 0; i < cars.length; i++) {
    text += cars[i] + "<br>";
}

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>





我尝试了什么:



我正在尝试学习JS,并尝试制作一个表,但没有运气获取数据。



What I have tried:

I am trying to learn JS and have tried making a table but no luck on getting the data in it.

推荐答案

示例:



Example:

<!DOCTYPE html>
<html>
 
    <body>
        <p id="demo"></p> 

        <script>
            var cars = ["BMW", "Volvo", "Saab", "Ford"];

            var table = '<table border="1"><th>Cars</th>';
            var rows = ''
            for (var i = 0; i < cars.length; i++) {
                rows += '<tr><td>' + cars[i] + '</td></tr>';
            }

            table = table + rows + '</table>';

            document.getElementById("demo").innerHTML = table;
        </script>  
</body>
</html>





参考: HTML表 [ ^ ]

HTML Tables TR TD TH [ ^ ]


这篇关于如何将下面的示例放入表中的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆