-1

我目前正在为网页上的购物车编写一些非常基本的代码（它用于分配，我仅限于 JS、HTML 和 CSS）

我正在尝试填写一个表格，其中填充了一系列数组（Name[]、Quantity[] 和 Sum[]）中包含的任何内容。我已经有一个表，我正在写入的 div 在一个表中。然而，每当我运行网页时，表格及其内容总是作为单独的表格写在我之前。

我不完全确定出了什么问题，所以这里是代码： HTML：

    <table border="1">
        <thead>
        <tr>
           <th>Product</th>
           <th>Quantity</th>
           <th>Sum Total</th>
        </tr>
        </thead>
        <div id="cart"></div>
        </table>

JavaScript：

    function ViewShoppingCart(){
        document.getElementById("cart").innerHTML = ""; // Empties the cart

        for (var i=0; i<Name.length; i++) {
            var tr= document.createElement("tr");
            document.getElementById("cart").appendChild(tr);
            var td= document.createElement("td");
            td.appendChild(document.createTextNode(Name[i]));
            tr.appendChild(td);
            var td1= document.createElement("td");
            td1.appendChild(document.createTextNode(Quantity[i])); 
            tr.appendChild(td1);
            var td2= document.createElement("td");
                    td2.appendChild(document.createTextNode("\u00A3"+parseFloat(Sum[i]).toFixed(2))); 
            tr.appendChild(td2);
            }
    }
4

2 回答 2

2

<div>不是 的有效子级<table>。浏览器正在重新排列代表您的标记的 DOM，以试图理解它。

如果您想在表格中使用 div，则该 div 必须位于 a<th>或<td>中。

于 2012-05-13T15:02:33.183 回答
0

你的html是错误的。您不能将 a<div>放在<table>标签内。它需要在里面<td>。

于 2012-05-13T15:02:03.193 回答