Javascript 如何添加';id';到tbody标签?
我正在尝试将“id”动态添加到tbody标记。 如何将“id”动态添加到tbody标记? 代码如下:Javascript 如何添加';id';到tbody标签?,javascript,html,Javascript,Html,我正在尝试将“id”动态添加到tbody标记。 如何将“id”动态添加到tbody标记? 代码如下: function tableCreate() { var body = document.getElementsByTagName('body')[0]; var tbl = document.createElement('table'); tbl.style.width = '100%'; tbl.setAttribute('border', '1');
function tableCreate() {
var body = document.getElementsByTagName('body')[0];
var tbl = document.createElement('table');
tbl.style.width = '100%';
tbl.setAttribute('border', '1');
var tbdy = document.createElement('tbody');
for (var i = 0; i < 3; i++) {
var tr = document.createElement('tr');
for (var j = 0; j < 2; j++) {
if (i == 2 && j == 1) {
break
} else {
var td = document.createElement('td');
td.appendChild(document.createTextNode('\u0020'))
i == 1 && j == 1 ? td.setAttribute('rowSpan', '2') : null;
tr.appendChild(td)
}
}
tbdy.appendChild(tr);
}
tbl.appendChild(tbdy);
body.appendChild(tbl)
}
函数tableCreate(){
var body=document.getElementsByTagName('body')[0];
var tbl=document.createElement('table');
tbl.style.width='100%';
tbl.setAttribute('border','1');
var tbdy=document.createElement('tbody');
对于(变量i=0;i<3;i++){
var tr=document.createElement('tr');
对于(var j=0;j<2;j++){
如果(i==2&&j==1){
打破
}否则{
var td=document.createElement('td');
td.appendChild(document.createTextNode('\u0020'))
i==1&&j==1?td.setAttribute('rowSpan','2'):null;
tr.D.儿童(td)
}
}
tbdy.appendChild(tr);
}
tbl.附加儿童(tbdy);
附体子体(tbl)
}
查看DOM属性。
您需要在元素上设置一个属性。id
以下是关于这方面的更多信息:
因此,正如你所说,如果你想动态地为你的tbody设置一个Id
,你需要做的是在你像allready那样创建你的身体之后:
var tbdy = document.createElement('tbody');
您需要为您的身体设置一个id
,如下所示:
tbody.id = "something";
或
这将起作用,因为Id是您应该了解的内容的一部分。看看DOM属性。 您需要在元素上设置一个属性。
id
以下是关于这方面的更多信息:
因此,正如你所说,如果你想动态地为你的tbody设置一个Id
,你需要做的是在你像allready那样创建你的身体之后:
var tbdy = document.createElement('tbody');
您需要为您的身体设置一个id
,如下所示:
tbody.id = "something";
或
这将起作用,因为Id是您应该了解的内容的一部分。在获取tbody标记后添加以下代码
tbdy.setAttribute(“id”、“myid”) 在获得tbody标签后添加以下代码
tbdy.setAttribute(“id”、“myid”) 我在jsbin中尝试了您的代码,并添加了
tbdy.id='testBody'代码>位于tbody
的createElement
之后。似乎对我有用
Image-我在jsbin中尝试了您的代码,并添加了tbdy.id='testBody'代码>位于tbody
的createElement
之后。似乎对我有用
Image-OP在创建tbody时已经有了对tbody的引用。。。为什么要在dom中搜索它?@charlietfl这是真的,它可能是书面文档。body对吗?我正在尝试为和设置Id。我可以将Id设置为和。在桌子标签里面,我有一个标签。为此,我想使用javascript设置id。类似这样的内容:我已经使用了:tbdy.id='testBody';但它不起作用。OP在创建它时已经引用了tbody。。。为什么要在dom中搜索它?@charlietfl这是真的,它可能是书面文档。body对吗?我正在尝试为和设置Id。我可以将Id设置为和。在桌子标签里面,我有一个标签。为此,我想使用javascript设置id。类似这样的内容:我已经使用了:tbdy.id='testBody';但它不起作用。我可以将id添加到表中。在桌子标签里面,我有一个标签。为此,我想使用javascript添加id。类似这样的内容:我已经使用了:tbdy.id='testBody';但它不起作用。它如何不起作用,对我来说似乎很好。我可以将id添加到表中。在桌子标签里面,我有一个标签。为此,我想使用javascript添加id。类似这样的内容:我已经使用了:tbdy.id='testBody';但它不起作用。它怎么不起作用,对我来说似乎很好。