javascript - 我正在尝试通过 JS 文件加载此表

Question

我正在考虑在我的 js 文件中添加一个表。

我想要的是：

这是我的桌子

NewTable = '\
<table style="text-align: left; width: 100%;" border="1" cellpadding="2" cellspacing="2">\
  <tbody>\
    <tr>\
      <th style="vertical-align: top; text-align:center;">\
        <span id="Pet_Name">\
          Pet Name\
        </span>\
        <br>\
        <span id="Pet_Cost">\
          $\
        </span>\
      </th>\
    </tr>\
  </tbody>\
</table>\
'

我想将此添加到 js 文件中，并在单击书签后立即从书签中加载它我希望在浏览器上使用它。

或者我想知道我是否可以添加 Div 或任何好的

Answer 1

是的你可以！在页面正文中创建一个新的 div 元素，并将您在问题中的表格设置为 innerHTML。

var container = document.createElement('div');
container.innerHTML = '<table>...</table>'; 
document.getElementsByTagName("body")[0].appendChild(container)