js 구현 표 단열 알파벳 정렬
리스트를 알파벳으로 정렬하고 코드를 바로 올리는 것과 유사합니다 ~
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> </title>
<link href="../css/ .css" rel="stylesheet">
</head>
<body>
<input type="button" id="myInput" onclick="myFunction()" value=" " style="background-image: none">
<table id="myTable">
<tr>
<th> </th>
<th> </th>
</tr>
<tr>
<td>Berglunds snabbkop</td>
<td>Sweden</td>
</tr>
<tr>
<td>North/South</td>
<td>UK</td>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Germany</td>
</tr>
<tr>
<td>Koniglich Essen </td>
<td>Germany</td>
</tr>
<tr>
<td>Magazzini Alimentari Riuniti</td>
<td>Italy</td>
</tr>
<tr>
<td>Paris specialites</td>
<td>France</td>
</tr>
<tr>
<td>Island Trading</td>
<td>UK</td>
</tr>
<tr>
<td>Laughing Bacchus Winecellars</td>
<td>Canada</td>
</tr>
</table>
<script src="../js/ .js">
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> </title>
<link href="../css/ .css" rel="stylesheet">
</head>
<body>
<input type="text" placeholder=" ..." id="myInput" οnkeyup="myFunction()">
<table id="myTable">
<tr>
<th> </th>
<th> </th>
</tr>
<tr>
<td>Alfreds Futterkiste</td>
<td>Germany</td>
</tr>
<tr>
<td>Berglunds snabbkop</td>
<td>Sweden</td>
</tr>
<tr>
<td>Island Trading</td>
<td>UK</td>
</tr>
<tr>
<td>Koniglich Essen</td>
<td>Germany</td>
</tr>
</table>
<script src="../js/ .js">
</script>
</body>
</html>
function myFunction() {
var table=document.getElementById("myTable");
var switching=true;
while(switching){
switching=false;
var rows=table.getElementsByTagName("tr");
for(var i=1;i<(rows.length-1);i++){
switching=false;
var x=rows[i].getElementsByTagName("td")[0];
var y=rows[i+1].getElementsByTagName("td")[0];
if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()){
switching=true;
break;
}
}
if(switching){
rows[i].parentNode.insertBefore(rows[i+1],rows[i]);
switching=true;
}
}
}이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[2022.04.19] 자바스크립트 this - 생성자 함수와 이벤트리스너에서의 this18일에 this에 대해 공부하면서 적었던 일반적인 함수나 객체에서의 this가 아닌 오늘은 이벤트리스너와 생성자 함수 안에서의 this를 살펴보기로 했다. new 키워드를 붙여 함수를 생성자로 사용할 때 this는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
