js 실행 목록 알파벳 정렬

1699 단어 js목록정렬
본고의 실례는 여러분에게 js 실현 목록이 알파벳에 따라 정렬된 구체적인 코드를 공유하여 참고하도록 하였으며, 구체적인 내용은 다음과 같다.
지식
1.parentNode: 요소 부모 노드의 속성을 반환합니다.
2. insertBefore() 메서드
insertBefore() 메서드는 기존 하위 노드 앞에 새 하위 노드를 삽입할 수 있습니다.
문법:node.insertBefore(newnode,existingnode)
newnode 노드 대상은 반드시 필요합니다.삽입할 노드 객체
existingnode 노드 대상은 반드시 필요합니다.새 노드 앞에 하위 노드를 추가합니다.

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title> </title>
</head>
<body>
<p> </p>
<button onclick="sortList()"> </button>
<ul id="UL">
 <li>Oslo</li>
 <li>Stockholm</li>
 <li>Helsinki</li>
 <li>Berlin</li>
 <li>Rome</li>
 <li>Madrid</li>
</ul>
<script src="../js/ .js">
 </script>
</body>
</html>

function sortList() {
 var list=document.getElementById("UL");
 var switching=true;
 /* */
 while (switching){
  // 
  switching=false;
  var li=list.getElementsByTagName("li");
  // 
  for(var i=0;i<(li.length-1);i++){
   switching=false;
   // 
   if (li[i].innerHTML.toLowerCase() > li[i + 1].innerHTML.toLowerCase()) {
    switching=true;
    break;
   }
  }
  // 
  if(switching){
   li[i].parentNode.insertBefore(li[i+1],li[i]);
   switching=true;
  }
 }
}
이상은 본문의 전체 내용입니다. 여러분의 학습에 도움이 되고 저희를 많이 응원해 주십시오.

좋은 웹페이지 즐겨찾기