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

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

javascript arrays printing

Javascript 如何将数组对象打印到表中？,javascript,arrays,printing,Javascript,Arrays,Printing,我是一个完全的编程新手，所以请对我放松我想使用getElementByID将数组对象打印到HTML中的表中 <script> var ram = ["8GB", "3GB"]; var storage = ["500GB" , "120GB"]; document.getElementById("mac.r").innerHTML = ram[0]; document.getElementById("mac.s").in

我是一个完全的编程新手，所以请对我放松

我想使用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>


var ram=[“8GB”，“3GB”]；
var存储=[“500GB”、“120GB”]；
document.getElementById（“mac.r”）.innerHTML=ram[0]；
document.getElementById（“mac.s”）.innerHTML=storage[0]；

我想把它打印在表格里

<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和google chrome。

一个简单的方法是使用阵列的内置“”方法：

请看这里：

请注意，虽然它在现代浏览器中最受支持，但它可能不是最有效的方法。

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

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

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


内存
存储
（功能（）{
var ram=[“8GB”，“3GB”]；
var存储=[“500GB”、“120GB”]；
var macR=document.getElementById（'mac.r'）；
var macS=document.getElementById（'mac.s'）；
对于（变量i=0；i”；
}
对于（变量i=0；i”；
}
})();

工作正常。问题是什么？正如@RahilWazir所说，你的代码工作得很好，我想他的意思是它只“打印”第一个值，他想要所有的值-我对吗@User3572468我正在使用Google chrome进行测试，dreamweaver cc编写代码，但它不工作@RahilWazir@Trinboy你是如何在HTML中构造它的？？脚本标签的头部或主体在哪里？？我需要使用类型还是什么？？

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