表格,鼠标移到,移出某行,改变该行样式JS
2016-02-25 08:34
423 查看
获取表格行数
方法一:
var tab = document.getElementById("table1");
var row = tab.rows.length;
方法二:
var rows = document.getElementsByTagName("tr");
鼠标移动,鼠标离开
function load() {
var rows = document.getElementsByTagName("tr");
for (var i = 0; i < rows.length; i++) {
rows[i].onmouseover = function () {
this.className = 'mouseover';
}
rows[i].onmouseout = function () {
this.className = 'mouseout';
}
}
}
方法一:
var tab = document.getElementById("table1");
var row = tab.rows.length;
方法二:
var rows = document.getElementsByTagName("tr");
鼠标移动,鼠标离开
function load() {
var rows = document.getElementsByTagName("tr");
for (var i = 0; i < rows.length; i++) {
rows[i].onmouseover = function () {
this.className = 'mouseover';
}
rows[i].onmouseout = function () {
this.className = 'mouseout';
}
}
}
相关文章推荐
- 【CSS3】伸缩布局
- 【CSS3】盒子模型
- 【CSS3】跨列设置column-span
- 【CSS3】列表边框column-rule
- 【CSS3】列间距column-gap
- 一些常用css技巧的为什么(一)我所理解的margin
- 【CSS3】多列布局——column-count
- 【CSS3】多列布局——column-width
- 【CSS3】多列布局——Columns
- 【CSS3】设置动画时间外属性
- 【技术控】 如何做按钮小动画?HTML+CSS3
- CSS之background-position的误解
- 【CSS3】设置动画的播放状态
- 2016/2/24 css画三角形 border的上右下左的调整 以及内区域的无限变小 边界透明
- 【CSS3】设置动画播放方向
- 侧边导航栏css示例
- css3 skew变形
- HTML+CSS慕课网学习总结(三)
- css媒体查询
- 【CSS3】设置动画播放次数