700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > html表格鼠标变色 JS鼠标移动换色表格行变色

html表格鼠标变色 JS鼠标移动换色表格行变色

时间:2024-03-15 07:44:45

相关推荐

html表格鼠标变色 JS鼠标移动换色表格行变色

点击按钮控制表格是否开启鼠标经过隔行换色,代码如下:

1.表格应用:隔行变色、移入变色-Javascript005-表格应用、提取、添加、删除

window.onload = function() {

var table = document.getElementsByTagName( able)[0];

var btn = document.getElementsByTagName(utton);

btn[0].onclick = function() { //老方法提取内容

var lisi = table.getElementsByTagName( body)[0].getElementsByTagName( r)[1].getElementsByTagName( d)[1].innerHTML;

alert(lisi);

};

btn[1].onclick = function() { //新方法提取内容

//tBodies 集合返回表格

元素的集合。

//rows 集合返回表格中所有行(TableRow 对象)的一个数组,即一个 HTMLCollection。该集合包括 、

和 中定义的所有行。

//cells 集合返回表格中所有

或 元素。

var zhangsan = table.tBodies[0].rows[0].cells[1].innerHTML;

alert(zhangsan);

};

btn[2].onclick = function() { //开启关闭隔行变色

if (btn[2].innerHTML == 开启隔行变色&#

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。