js怎么动态添加一行到table的第一行

js怎么动态添加一行到table的第一行,第1张

HTML code<script language="javascript" type="text/郑雀javascript">

function add(){

var tb = document.getElementById("tb")

var tr = tb.insertRow(0)

tr.style.cssText = tb.rows[1].style.cssText

var td = tr.insertCell()

td.innerHTML = "00000"

}

</喊枯早script>

<input type="button" onclick="add()" value="add">

<table id="tb">

<tr style="background:#CCC"><td>xxx</td></tr>

</table>

------解决方案--------------------

JScript code/*

insertRow()这样是IE独有的.

标准用法是:

insertRow(-1): index为-1的败羡时候就是默认插在最后一行.

insertRow( 0): index为0的时候就是插在第一行

至于样式一样 应该在样式表里统一设置.

首先定义一个闭包,如下:核羡

var appendText = function(){

//变量作用域为函数内部,外部无法访问

var html = "帆氏御"

return {

getHtml : function(tmpNum){

html += "<input type='text' name='txt"态岩+tmpNum+"'>"

return html

}

}

}()

然后修改你的代码

oTD.innerHTML = appendText.getHtml(tmpNum)

或者有兴趣的话可以学习一下Jquery,里面有相应方法很轻松地实现你的需求。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/bake/11967730.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存