Question

我是编程方面的新手，所以对我来说很容易。

我想使用getElementByID将数组对象打印到HTML中的表中。

 <script>

       var ram = ["8GB", "3GB"];
       var storage = ["500GB" , "120GB"];

       document.getElementById("mac.r").innerHTML = ram[0];
       document.getElementById("mac.s").innerHTML = storage[0];

</script>

我想把它打印在表格中

<table width="600" border="6" cellpadding="5px">
  <tr>
    <td>&nbsp; Ram</td>
    <td>&nbsp; Storage</td>
  </tr>
  <tr>
    <td id="mac.r"></td>
    <td id="mac.s"></td>
  </tr>
</table>

我使用的是macbook和谷歌浏览器。

Answer 1

一种简单的方法是使用阵列的内置＆＃34; forEach＆＃34;方法：

var ram = ["8GB", "3GB"],
    storage = ["500GB" , "120GB"];

ram.forEach(function(element, index, array){
    document.getElementById("mac.r").innerHTML += element;
});

storage.forEach(function(element, index, array){
    document.getElementById("mac.s").innerHTML += element;
});

请在此处查看：http://jsfiddle.net/S3CY4/

请注意，尽管它在现代浏览器中大多受到支持，但它可能不是最高效的方法。

Answer 2

如果您必须将脚本内联，请将其放在页面底部。请参阅下文，您可以查看fiddle here

一旦存在您需要填充的元素，您就可以循环所需的数据并使用您的数据填充相关元素。

<html>
    <body>
        <table width="600" border="6" cellpadding="5px">
            <tr>
                <td>&nbsp; Ram</td>
                <td>&nbsp; Storage</td>
            </tr>
            <tr>
                <td id="mac.r"></td>
                <td id="mac.s"></td>
            </tr>
        </table>
        <script>
            (function() {
                var ram = ["8GB", "3GB"];
                var storage = ["500GB", "120GB"];
                var macR = document.getElementById('mac.r');
                var macS = document.getElementById('mac.s');

                for(var i = 0; i < ram.length; i++){
                    if (macR !== null) macR.innerHTML = macR.innerHTML + ram[i] + "<br>";
                }
                for(var i = 0; i < ram.length; i++){
                    if (macS !== null) macS.innerHTML = macS.innerHTML + storage[i] + "<br>";
                }
            })();
        </script>
    </body>
</html>

如何将数组对象打印到表中？

2 个答案: