課程
/前端開發(fā)
/JavaScript
/JavaScript進(jìn)階篇
chrome和360瀏覽器都不會執(zhí)行,在IE瀏覽器才會執(zhí)行。這個算是js寫的,也有兼容問題?我一直以為用JS寫的所有瀏覽器都兼容呢==
2016-10-21
源自:JavaScript進(jìn)階篇 6-10
正在回答
兄弟,這是我的代碼,你可以參考一下,親測,全兼容!
?window.onload?=?function(){ ?????????????????var?tab?=?document.getElementById("table"); ?????????????????var?tr?=?document.getElementsByTagName("tr"); ?????????????????var?tbody?=?document.getElementsByTagName("tbody")[0]; ????????//?鼠標(biāo)移動改變背景,可以通過給每行綁定鼠標(biāo)移上事件和鼠標(biāo)移除事件來改變所在行背景色。 ??????????for(var?i?=?0;?i?<?tr.length;?i?++){ ??????????????tr[i].onmouseover?=?function(){ ????????????????this.style.backgroundColor?=?"#f2f2f2"; ??????????????} ??????????????tr[i].onmouseout=?function(){ ????????????????this.style.backgroundColor?=?"#fff"; ??????????????} ??????????} ????????? ?????????//?添加行 ??????????function?createTr(){ ????????????var?tr?=?document.createElement("tr"); ????????????for(var?i?=?0;?i?<?3;?i?++){ ???????????????var?td?=?document.createElement("td"); ???????????????tr.appendChild(td); ????????????} ????????????tbody.appendChild(tr); ?????????} ?????????document.getElementById("add").onclick?=?createTr; ?????????//?刪除當(dāng)前行 ???????????var?a?=?document.getElementsByTagName("a"); ???????????for(var?k?=?0;?k?<?a.length;?k?++){ ??????????????a[k].onclick?=?function(){ ?????????????????tbody.removeChild(this.parentNode.parentNode); ??????????????} ???????????} ??????? ???????}
web小菜 提問者
上頭 回復(fù) web小菜 提問者
舉報(bào)
本課程從如何插入JS代碼開始,帶您進(jìn)入網(wǎng)頁動態(tài)交互世界
2 回答關(guān)于js代碼運(yùn)行順序問題
1 回答關(guān)于js計(jì)時(shí)器的代碼順序問題。
1 回答兼容性問題
2 回答IE兼容性問題
1 回答this.parentNode兼容性問題!
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-10-21
兄弟,這是我的代碼,你可以參考一下,親測,全兼容!