課程
/前端開發
/JavaScript
/JavaScript進階篇
如何實現在新建的一行列表也能有onmouseover的顏色改變效果？
2015-03-04
源自：JavaScript進階篇 9-22
正在回答
新建一行后，對所有的行的鼠標經過背景顏色改變再重新設定一下就行了。
var tr = document.getElementsByTagName("tr");????????? for(var i= 0;i<tr.length;i++)????????? {????????????? bgcChange(tr[i]);????????? }
?function bgcChange(obj)???? {??????? obj.onmouseover=function(){??????????? obj.style.backgroundColor="#f2f2f2";??????? }??????? obj.onmouseout=function(){??????????? obj.style.backgroundColor="#fff";??????? }?? ? }
舉報
本課程從如何插入JS代碼開始，帶您進入網頁動態交互世界
1 回答如何讓新添加的行也有跟隨鼠標移動的變色效果？
2 回答只能改變原有的行的顏色
1 回答新增的行也可以變顏色了~
4 回答新增行無法改變顏色
1 回答如何實現自己添加的一行也可以顏色變化，還有好幾個問題，求大神
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-01-07
新建一行后，對所有的行的鼠標經過背景顏色改變再重新設定一下就行了。
var tr = document.getElementsByTagName("tr");
????????? for(var i= 0;i<tr.length;i++)
????????? {
????????????? bgcChange(tr[i]);
????????? }
?function bgcChange(obj)
???? {
??????? obj.onmouseover=function(){
??????????? obj.style.backgroundColor="#f2f2f2";
??????? }
??????? obj.onmouseout=function(){
??????????? obj.style.backgroundColor="#fff";
??????? }
?? ? }