創建表格對象或者寫一個包含表格的字符串

Question

我想用Javascript創建一個表格，我應該選擇什麼？

我有兩個選擇，但不知道該怎麼選擇：

1. 創建一個表元素
2. 寫作document.write("<table ><tr>..........</tr></table>");

任何人都可以給我做一個正當的理由東西。

Answer 1

首先閱讀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 2

直接可以通過表標籤n個元素創建

Answer 3

我認爲第一選擇更好.....試着想象一下你在每個選項中最終會做什麼。

首先選擇你創建你DOM自己的元素。把它想象成寫對象。你有目標，你必須爲它的方法，您可以使用添加樣式或屬性它在一個平穩的方式（甚至更長的時間，但很好）。你可以使用JS功能，使您的標記動態
第二個選項這只是一堆字符串，實際上是你的html標記，但是作爲字符串。而且你會落得靜態標記

現在想象一下，你需要自定義屬性添加到第二行（如data-xxxx）：
首先選擇所有你需要的是找到你的第二個行對象並使用提供的功能添加任何你想要的。
第二個選項我敢打賭，你會採取的HTML標記某種編輯器（例如，http://jsfiddle.net）的然後格式化標記是好的和可讀性。然後最後你搜索第二行，並添加您的自定義屬性

第一個選項的另一個好處是，如果你正在使用JS庫如偉大的jQuery它將是一塊蛋糕。