getElementByTagName 獲取倒數第二個元素
使用getElementByTagName()方法可以獲取指定標籤的元素集合。
具體參閱document.getElementsByTagName()方法一章節。
下面介紹一下如何獲取的元素集合中倒數第二個元素。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> li{ width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } </style> <script type="text/javascript"> function done(olis,index){ var len=olis.length; if(index>=0&&index<len){ return olis[index]; } else if(index<0){ var _index=len+index; if(_index<0){ return null; } return olis[len+index] } else{ return null; } } window.onload=function(){ var olis=document.getElementsByTagName("li"); var oli=done(olis,-2); oli.style.color="red"; } </script> </head> <body> <ul> <li>只有努力奮鬥才會有美好的明天。</li> <li>分享互助是進步最大的源動力。</li> <li>每一天都是新的,要好好珍惜。</li> <li>沒有人一開始就是高手,只有努力才有成長的可能</li> <li>只有當下的時間是可貴的,下一秒都是虛幻的</li> </ul> </body> </html>
上面的程式碼實現了我們的要求,當然上面的程式碼可能不是最好的,但是提供了一個實現的思路。
程式碼註釋:
(1).function done(olis,index){},此函式實現了獲取指定索引元素的效果,第一個引數是物件集合,第二個引數規定要獲取元素的索引,如果是正數,那麼就是正序獲取元素,如果是負數,那麼就是倒數獲取元素,-1就是倒數第一個元素。
(2).var len=olis.length,獲取集合中元素的個數。
(3).if(index>=0&&index<len){
return olis[index];
},如果index大於0並且小於元素的數目,那麼就獲取此元素。
(4).else if(index<0){
var _index=len+index;
if(_index<0){
return null;
}
return olis[len+index]
},如果index小於0,就進行響應的計算得到正數的索引值,如果_index<0,說明index太小了,比如只有5個元素,-6就是倒數第六個明顯錯誤。
(5).else{
return null;
},其他情況返回null。
相關文章
- JavaScript 獲取倒數第二個li元素JavaScript
- JavaScript獲取倒數第二個li元素JavaScript
- getElementByTagName()獲取一級子元素
- CSS 倒數第二個li元素CSS
- 獲取倒數第幾個元素程式碼例項
- jquery實現的倒數獲取li元素簡單介紹jQuery
- 獲取驗證碼倒數計時
- css如何匹配倒數第n個元素CSS
- 獲取div元素下li元素的數目
- css數第二個li元素CSS
- js如何獲取指定元素在陣列中個數JS陣列
- JavaScript獲取上一個元素JavaScript
- jQuery獲取上一個元素jQuery
- CSS 倒數第n個li元素樣式CSS
- jQuery在元素集合中獲取第N個元素jQuery
- jQuery獲取當前元素的下一個元素jQuery
- JavaScript 獲取第n個li元素JavaScript
- javascript如何獲取哪個元素獲得焦點JavaScript
- js獲取元素的方法(獲取html元素的方法)JSHTML
- jQuery獲取當前li元素的下一個元素jQuery
- jquery獲取指定li元素後面的第n個li元素jQuery
- 獲取當前元素下一個元素程式碼例項
- jquery實現的獲取指定元素指定型別元素數目jQuery型別
- 獲取陣列第N個元素的方法陣列
- JavaScript獲取陣列最後一個元素JavaScript陣列
- jQuery選擇器獲取前幾個元素jQuery
- jquery獲取緊鄰的上一個元素jQuery
- JS 獲取文件元素JS
- jquery獲取子元素jQuery
- jQuery獲取元素前面所有兄弟元素jQuery
- linux倒敘獲取指定行Linux
- js如何獲取兩個陣列共有的元素JS陣列
- JavaScript獲取當前li元素是第幾個JavaScript
- 控制檯獲取AngularJS某個元素的ScopeAngularJS
- jQuery獲取當前元素上一個兄弟元素例項程式碼jQuery
- JavaScript獲取指定元素的同輩元素JavaScript
- 獲取ul元素下的所有li元素
- JavaScript獲取父元素下子元素節點JavaScript