Question

我知道这有几种不同的方式，但我对Javascript的理解仍然非常基础，我似乎无法理解如何实现我找到的解决方案，所以我想问。我有一个隐藏的div。我想从表单中获取元素，然后使用它们来创建成本估算表。我可以在控制台中跟踪变量，因此我知道它们已经定义并且正常工作。这就是我所拥有的：

<div class="results_box" id="control_box">
       <div id="invoice_box">

       </div>
      </div>`

和

unction displayResults(batting, delivery) {
var box=document.getElementById("control_box");
var invoice=document.getElementById('invoice_box');
invoice.append('<table><tr><td>Quilt size in inches:</td><td> + size + </td></tr><tr><td>Cost per square inch:</td><td> + patCost + </td></tr><tr><td>Cost of batting:</td><td> + batting + </td></tr><tr><td>Shipping and handling:</td><td> + delivery +</td></tr><tr><td>Total Cost:</td><td></td></tr></table<button class="btn btn-info" type="submit" id="basic-submit">Contact me about this estimate</button>');
displayResults(box.style.display="block");

}

这是电话

displayResults(batting, delivery);

大多数变量都是全局变量，但这些变量是本地变量。这失败了，我确信您可以告诉我原因，但是在我看到错误消息之前页面重新加载并且控制台重置，所以我甚至无法告诉我应该尝试修复的内容。欢迎任何帮助。

Answer 1

使用document.createElement('table')并附加childNodes(tr th and td )并将textNodes添加到td元素（或其他元素）

我如何使用javascript创建表？

1 个答案: