创建表对象或编写包含表的字符串

Question

我想用Javascript创建一个表，我应该选择什么？

我有两种选择，但不知道该选择什么：

1. 创建表格元素
2. 撰写document.write("<table ><tr>..........</tr></table>");

任何人都可以给我一个合理的理由做一件事。

Answer 1

直接你可以通过表格标签创建n个元素

Answer 2

首先阅读why document.write is bad practice?

我猜你可以创建元素而不是使用document.write

或者看看这种方法：

<div id="myTable"></div>

Java脚本：

var tableDiv=document.getElementById("myTable")

var tableContent=""
tableContent+="<table><tr><td></td></table>";

tableDiv.innerHTML=tableContent;

Answer 3

我认为第一选择更好.....尝试想象你最终会在每个选项中做什么。

第一个选项 您可以自己创建dom元素。把它想象成写物体。你有对象，并且你有方法可以用它来平滑地添加样式或属性（可能更长但很好）。你可以使用JS函数来使你的标记动态
第二个选项 这只是一堆字符串，实际上是你的html标记，但是作为字符串。而且你最终会得到静态标记

现在想象您需要将自定义属性添加到第二行（如data-xxxx）：
第一个选项 您只需找到第二行对象并使用提供的功能添加您想要的任何内容。
第二个选项 我打赌你会将html标记带到某种编辑器（例如http://jsfiddle.net），然后将标记格式化为可读和可读。然后最后搜索第二行并添加自定义属性

第一个选项的另一个好处是，如果你使用像JS jQuery这样的JS库，它将是一块蛋糕。