以前用jq 做過圖片切換 滑動之類的特效現在想用js 試試是怎么一回事
jq圖片切換的思路是用index()函數獲取當前點擊的按鈕的索引然后根據索引值將對應索引的圖片顯示出來
於是查了一下js 是如何獲取index的如下:
js代碼
var ul = document.getElementById("list"); var ul_child = ul.getElementsByTagName('li'); for (var i = 0; i < ul_child.length; i++) { ul_child[i].index = i; ul_child[i].onclick = function(){ var j = this.index; alert("元素索引為" +this.index);
html代碼
<body> <ul id="list"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body>