如何在表javascript中正确创建表
How to correctly make a table inside a table javascript
本文关键字:创建 javascript 更新时间:2023-09-26
我使用 HTML 标签在 javascript 中创建了十个单独的表。 我现在想将这些表格放在网格格式中,所以我认为将它们放入另一个表格中会起作用。 此代码只是显示一个空表。 有什么帮助吗? 谢谢!
document.getElementById('InstalledApps').innerHTML += '<table id="bigAppsTable" border="1"><td>';
for (var i = 9; i>-1;i--){
document.getElementById('InstalledApps').innerHTML += '<table id="appsTable'+i+'" border="1"><tr></tr>';
var thirdRow=document.getElementById("appsTable"+i).insertRow(1);
if (the_data[i]['release'] != null){
thirdRow.insertCell(-1).innerHTML="<b>Release: ";
thirdRow.insertCell(-1).innerHTML=the_data[i]['release'];
}
var secondRow=document.getElementById("appsTable"+i).insertRow(1);
secondRow.insertCell(-1).innerHTML="<b>Version: ";
secondRow.insertCell(-1).innerHTML=the_data[i]['version'];
var firstRow=document.getElementById("appsTable"+i).insertRow(1);
firstRow.insertCell(-1).innerHTML="<b>Name:";
firstRow.insertCell(-1).innerHTML=the_data[i]['name'];
}
既然您正在动态创建表,为什么不使用 DOM API?(即不innerHTML
)
这是入门的好地方:https://developer.mozilla.org/en-US/docs/Web/API/document.createElement
像这样尝试
var aTable = document.createElement('table');
for (var i = 0, tr, td; i < 9; i++) {
tr = document.createElement('tr');
td = document.createElement('td');
td.appendChild(document.createTextNode("some text"));
tr.appendChild(td);
aTable.appendChild(tr);
}
//update with id
document.getElementById('table').appendChild(aTable);
相关文章:
- 使用Web Html表单创建Javascript数组
- 使用私有成员创建JavaScript类
- 为DataTables aoColumnDefs创建JavaScript数组(JSON格式)
- Mediawiki皮肤创建-Javascript don'Don’t get load
- 为自定义网站创建JavaScript搜索框,创建显示搜索结果的弹出窗口
- 为表菜单创建javascript
- 使用jstl c:forEach在迭代jsp bean上创建javascript json对象
- 从字符串创建 JavaScript 函数
- 使用计算名称创建 JavaScript 对象
- 什么是创建 JavaScript 类的适当、现代和跨浏览器安全的方法
- 创建 JavaScript 构造函数时的语法错误
- 使用 C# 中的代码隐藏在单击按钮时创建 Javascript 警报
- php在foreach循环中创建javascript
- 创建javascript模块
- 如何从数组中动态创建javascript变量
- 创建JavaScript库:更改实际图像
- 如何创建javascript执行器,使元素在selenium webdriver中可见
- 如何在我的服务器上创建javascript,该服务器使用该服务器上的后端,并将在另一个网站上使用
- 创建javascript子类型的实例会产生意外行为
- 如何创建javascript顺序动画