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

Creating table object or writing a string containing table

本文关键字：包含表 字符串 对象 创建      更新时间：2023-09-26

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

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

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

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

首先阅读为什么 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;

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

我认为首选更好.....尝试可视化您最终在每个选项中执行的操作。

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

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

第一个选项的另一个好处是，如果您使用的是像伟大的jQuery这样的JS库，那将是小菜一碟。

相关文章：