优艾设计网

点击"添加"按钮的时候如何将一段上面的代码添加到最后新一段??

优艾设计网 https://www.uibq.com 2023-04-08 07:49 出处:网络 作者:在线设计
点击\"添加\"按钮的时候如何将一段上面的代码添加到最后新一段?我写的是innerHTML,这种方法不支持输出document.getElementById(\"tableCondensed\").getElementsByTagName(\"tr\")[1],这个问题怎么解决? #html &l

点击"添加"按钮的时候如何将一段上面的代码添加到最后新一段?我写的是innerHTML,这种方法不支持输出document.getElementById("tableCondensed").getElementsByTagName("tr")[1],这个问题怎么解决?

#html <table class="table-condensed" id="tableCondensed" border="0" cellpadding="2" cellspacing="0"> <thead> <tr> <th>规格名字</th> <th>规格明细</th> <th>规格价格</th> <th>库存数量</th> <th>规格图片</th> <th>操作方式</th> </tr> </thead> <tbody> <tr> <td> <input type="text" value="" placeholder="(比如: 颜色)"> </td> <td> <input type="text" value="" placeholder="(比如: 颜色)"> </td> <td> <input type="text" value="" placeholder="(比如: 颜色)"> </td> <td> <input type="text" value="" placeholder="(比如: 颜色)"> </td> <td> <input type="file" /> </td> <td> <ul> <li><a href="javascript:;" class="add-specitem" onclick="addSpecitem()">添加</a></li> <li><a href="javascript:;" onclick="removeSpecItem()">删除</a></li> </ul> </td> </tr> </tbody> </table>

#javascript function addSpecitem() { var tableTh = document.getElementById("tableCondensed").getElementsByTagName("tr")[1]; var table优艾设计网_设计百科Addth = document.getElementById("tableCondensed"); tableAddth.innerHTML += tableTh; }


阿源285 2小时前优艾设计网_平面设计

document.querySelector(#tableCondensed tr).innerHTML


anglia6 优艾设计网_Photoshop问答 1小时前

确实,克隆一个……或者直接定义字符串(你要添加的tr所有的内容),往里面加。


0

精彩评论

暂无评论...
验证码 换一张
取 消