javascript 은 마지막 두 번 째 li 요 소 를 어떻게 가 져 옵 니까?

1757 단어
javascript 은 마지막 두 번 째 li 요 소 를 어떻게 가 져 오 는 지 소개 합 니 다. 이 장 에 서 는 자바 script 을 이용 하여 li 요소 집합 에서 마지막 두 번 째 요 소 를 가 져 오 는 방법 을 소개 합 니 다. 물론 이 기능 을 어떻게 실현 하 는 지 코드 인 스 턴 스 를 통 해 소개 하 는 것 이 목적 입 니 다.코드 인 스 턴 스 는 다음 과 같 습 니 다.
<!DOCTYPE html>     
<html>     
<head>     
<meta charset=" utf-8">     
<meta name="author" content="http://www.softwhy.com/" />     
<title>    </title> 
<style type="text/css">
#box{
  list-style:none;
  font-size:12px;
  line-height:25px;
  height:25px;
}
</style>
<script type="text/javascript">
window.onload=function(){
  var obox=document.getElementById("box");
  var oshow=document.getElementById("show");
  var lis=obox.getElementsByTagName("li");
  oshow.innerHTML=lis[lis.length-2].innerHTML;
}
</script>
</head>
<body>
<div id="show"></div>
<ul id="box">
  <li>     </li>
  <li>     </li> 
  <li>     </li> 
  <li>     </li>  
  <li>     </li> 
  <li>     </li>
  <li>     </li>       
</ul>
</body>
</html>

상기 코드 는 우리 의 요 구 를 실현 시 켰 습 니 다. 색인 값 은 0 에서 시작 되 기 때문에 lis. length - 1 은 마지막 요소 입 니 다. 2 를 줄 이 는 것 은 자 연 스 럽 게 마지막 두 번 째 요소 의 색인 입 니 다. 코드 는 매우 간단 합 니 다. 여기 서 더 이상 소개 하지 않 겠 습 니 다. 문제 가 있 으 면 댓 글 을 달 수 있 습 니 다.관련 읽 기: 1. getElementsByTagName () 함 수 는 document. getElementsByTagName () 1 장 을 참조 할 수 있 습 니 다.2. innerHTML 속성 은 js 의 innerHTML 속성의 용법 1 장 을 참조 할 수 있 습 니 다. 
원문 주 소 는:http://www.softwhy.com/forum.php?mod=viewthread&tid=13599
더 많은 내용 은 참고 할 수 있다.http://www.softwhy.com/javascript/

좋은 웹페이지 즐겨찾기