gpt4 book ai didi

javascript - 将 n 添加到表中的每个

转载 作者:行者123 更新时间:2023-12-03 09:40:13 24 4
gpt4 key购买 nike

我的目的很简单就是添加'n'<td>给每个<tr>在表格中。

我面临的问题是,它只添加了一个 <td> ,不是n <td> ,在最后<tr> ,并非全部 <tr> ,带有类“n”

var actions = function(){
return { // this is going to return a long object containg a list of mny function which can be called any time
whichPattern: "pattern1",
addSlots:function(n){
var e =document.getElementById(this.whichPattern),
c = e.children[0].children,
ap_e = document.createElement('td');
for(var i=0; i<c.length; i++){
for(var j=0; j<=n; j++){
var parent = c[i];
ap_e.setAttribute("class", String(j));
parent.appendChild(ap_e);
}
};
pattern_config[this.whichPattern].WP_slotsCounter=n;
//console.log(this);
},
}
};

var pattern_config = {
pattern1:{
WP_slotsCounter:0,
},
};

window.onload = actions().addSlots(3)
<head>
<script type="text/javascript" src="actions.js" ></script>
</head>
<body>

<div id="pattern_body">
<div></div>
<table id="pattern1" border="2">
<tr class="kick instrument">
<td class='1'>gg</td>
<td class="2">dd</td>
</tr>
<tr class="snare instrument">
<td class='1'>vv</td>
<td class="2">aa</td>
</tr>
<tr class="cymbal instrument">
<td class='1'>kk</td>
<td class="2">tt</td>
</tr>
</table>
</div>
</body>

最佳答案

一个节点一次只能存在于树中的一个位置。

您可以使用.cloneNode(true) 制作副本以追加。

var clone = ap_e.cloneNode(true);
clone.className = String(j);
parent.appendChild(clone);

我还更改了 setAttribute 以设置 className 属性。

<小时/>

在这种特殊情况下,由于节点确实非常简单,您可能只想在附加它的同一位置创建它,而不是预先创建它并克隆它。

关于javascript - 将 n <td> 添加到表中的每个 <tr>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31209267/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com