加n <td> 對每個 <tr> 在桌子上

Question

我的目的很簡單，就是向表中的每個<tr>添加'n' <td> 。

我面臨的問題是，它僅在最后一個<tr>添加一個<td>而不是n <td> ，而不是在所有<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>

Answer 1

一個節點一次只能存在於樹中的一個位置。

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

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

我還更改了setAttribute來設置className屬性。

在這種情況下，由於該節點非常簡單，因此您可能只想在要附加節點的位置創建它，而不是事先創建並克隆它。

加n <td> 對每個 <tr> 在桌子上

問題描述

1 個解決方案

解決方案1
1 已采納

加n <td> 對每個 <tr> 在桌子上

問題描述

1 個解決方案

解決方案1 1 已采納

解決方案1
1 已采納