html5 a-z字母排序,Js按A-Z排序通讯录(中文、英文、特殊字符)
时间: 2023-12-18 15:04:26 浏览: 102
HTML5 A-Z字母排序可以使用以下代码:
```html
<ul id="list">
<li>Apple</li>
<li>Orange</li>
<li>Banana</li>
<li>Pineapple</li>
<li>Watermelon</li>
</ul>
<button onclick="sortList()">Sort</button>
<script>
function sortList() {
var list = document.getElementById("list");
var items = list.getElementsByTagName("li");
var arr = [];
for (var i = 0; i < items.length; i++) {
arr.push(items[i].innerHTML);
}
arr.sort();
for (var i = 0; i < items.length; i++) {
items[i].innerHTML = arr[i];
}
}
</script>
```
对于Js按A-Z排序通讯录,可以使用以下代码:
```html
<ul id="list">
<li>张三</li>
<li>李四</li>
<li>John</li>
<li>Apple</li>
<li>特殊字符</li>
<li>王五</li>
<li>Lucy</li>
<li>Mike</li>
<li>Tom</li>
</ul>
<button onclick="sortList()">Sort</button>
<script>
function sortList() {
var list = document.getElementById("list");
var items = list.getElementsByTagName("li");
var arr = [];
for (var i = 0; i < items.length; i++) {
arr.push(items[i].innerHTML);
}
arr.sort(function(a, b){
return a.localeCompare(b);
});
for (var i = 0; i < items.length; i++) {
items[i].innerHTML = arr[i];
}
}
</script>
```
这里使用了`localeCompare()`方法来进行字符串的本地化比较,以支持中文的排序。
阅读全文