首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

JS 动态设立选中行的CSS

2012-06-30 
JS 动态设置选中行的CSS// 动态改变选中行的CSS??function setSelectedTrCss(){???var lenTr document.g

JS 动态设置选中行的CSS

// 动态改变选中行的CSS
??function setSelectedTrCss(){
???var lenTr = document.getElementById('subMenuTableId').rows.length;? // 行数
???????????? for(var i=1; i < lenTr; i++){
?????????????? var radioId = 'ids' + i;
?????????????? if(document.getElementById(radioId).checked){ // 选中设置CSS为tablebody2
?????????????????? document.getElementById('tdId'+i).className="tablebody2";
?????????????????? document.getElementById('tdName'+i).className="tablebody2";
?????????????????? document.getElementById('tdNo'+i).className="tablebody2";
?????????????? }
?????????????? else{
?????????????? ??? document.getElementById('tdId'+i).className="tablebody1"; // 未选中设置CSS为tablebody1
?????????????????? document.getElementById('tdName'+i).className="tablebody1";
?????????????????? document.getElementById('tdNo'+i).className="tablebody1";
?????????????? }
???????????? }
??}

?

用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup。

如果想实现长按方向键循环选中单选钮的话,需要利用onkeydown

热点排行