javascript 问题 tbody rows undefined

javascript 问题 tbody rows undefined,第1张

<a href='javascript:add();'>添加</a>

<a href='javascript:del();'>删除</a>

<table width=300 id=tbl>

<tr style='display:none;'><td>11111111111111</td></tr>

<tr style='display:none;'><td>22222222222222</td></tr>

<tr style='display:none;'><td>33333333333333</td></tr>

<tr style='display:none;'><td>44444444444444</td></tr>

</table>

<script>

var key = 0;

var tr = documentgetElementById("tbl")getElementsByTagName("tr");

var size = trlength;

function add()

{

if(key == size)return;

tr[key++]styledisplay = "block";

}

function del()

{

if(key == 0)return;

tr[--key]styledisplay = "none";

}

</script>

-----------------------------------

内容是不一样的, 可以将你实际的内容替换掉 111111 22222 3333 然后嵌套到<td></td> 里面就可以了

在a标签上写个class,用jq写的

$("a标签的class")click(function(){

var text = $(this)parent("td")siblings("td")text();

alert(text)

})

css3支持偶数行匹配,如li:nth-of-type(even) 如果是odd表示奇数行。

对于js来说是没有直接的功能作这个匹配的,某些框架可能支持,但是也都是模拟的。实际上js总是先选中所有符合条件的元素,如tbody中的所有tr,然后把偶数行挑出来。例如documentgetElementsByTagName('tr')会得到一个数组,自然0,2,4是奇数行,其它是偶数行。

jQuery框架的例子:$('div:even')其中:even表示匹配偶数行,相关的方法还有 $('div')index(),指选中的元素在其平级元素中的索引,从0开始。

以上就是关于javascript 问题 tbody rows undefined全部的内容,包括:javascript 问题 tbody rows undefined、js获取table当前tr行第二列td的值、匹配所有行数为偶数 js等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9701887.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存