首先先看**:
html**部分:
對應的js的**部分:
var list = document.getelementsbytagname("li");for(var i = 0; i < list.length; i++)
}
上面當我們在ul li遍歷時,點選每乙個li標籤,往往取不到對應的下角標,在控制台列印出來的都是最後乙個的值6。
為什麼會產生這樣的問題呢?
解決方案一:
js方法
var list = document.getelementsbytagname("li");for(var i = 0; i < list.length; i++)
}
解決方案二:
jquery方法
$(function() )})})
上面記得別忘了引入jquery框架。
解決方案三:
直接利用jquery中的index
$(function() )})
解決方案四:
window.onload = onclicklist;function onclicklist()
}(i))
}}
解決方案五:
$(function() );});
js中onload和jQuery中的ready區別
window.onload必須等到頁面內包括的所有元素載入完畢後才能執行。不能寫多個 如果有多個,只會執行乙個 document ready 是dom結構繪製完畢後就執行,不必等到載入完畢。可以寫多個 同 function document ready function 或者 function do...
ul li 在ie 和firefox中的不同
用ul,li製作 是,在firefox ul定義的邊框無法顯示在li上。測試地方 ie是在ie6 7,firefox是版本3.0.6 解決辦法 1.在ul 的最後乙個li寫為 2.在css中寫上.clear 這個是定義了邊框在ie正常,如圖1 在firefox卻出現這樣的情況,如圖2 比較 對ul ...
js和jquery中的事件委託
轉 自己的修改 概念 什麼是事件委託 通俗的講,事件就是onclick,onmouseover,onmouseout,等就是事件,委託呢,就是讓別人來做,這個事件本來是加在某些元素上的,然而你卻加到別人身上來做,完成這個事件。舉個列子 有三個同事預計會在周一收到快遞。為簽收快遞,有兩種辦法 一是三個...