个人中心
gpt4 book ai didi

javascript - 如何在 标签内显示数组值？
转载 作者：搜寻专家 更新时间：2023-10-31 22:03:21 24 4
gpt4 key购买 nike

我有这样的数组值。我想在 HTML 表格标签中显示这些值

<script type="text/javascript">
var orderArray = [
    ["1","29-Aug-2012", "Product1", "client1"],
    ["2","29-Aug-2012", "Product2", "client2"],
    ["3","29-Aug-2012", "Product3", "client3"],
    ["4","29-Aug-2012", "Product4", "client4"],
    ["5","29-Aug-2012", "Product5", "client5"]
    ];

function display()
{
    for(i=0;i<ordertArray.length;i++)
    {
    //How to display values of array inside the div or table tag ???
    }
}

</script>


如何在 div 或 table 标签中显示数组的值？？？

最佳答案

orderArray的项目代表 <tr>元素，里面的每一项代表一个<td>元素。所以你可以遍历 orderArray创建<tr> s，然后在每个循环中遍历其元素，创建 <td>小号:http://jsfiddle.net/h7F7e/ .

var table = document.getElementById("table");  // set this to your table

var tbody = document.createElement("tbody");
table.appendChild(tbody);
orderArray.forEach(function(items) {
  var row = document.createElement("tr");
  items.forEach(function(item) {
    var cell = document.createElement("td");
    cell.textContent = item;
    row.appendChild(cell);
  });
  tbody.appendChild(row);
});

关于javascript - 如何在 <table> 标签内显示数组值？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12178792/

24 4 0
搜寻专家
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com