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

Question

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

我有两个选择，但不知道如何选择：

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

谁能给我一个做一件事的正当理由。

Answer 1

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

Answer 2

首先阅读为什么 document.write 是不好的做法？

我想你可以创建元素而不是使用 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，那将是小菜一碟。