55游戏网
您的当前位置:首页js简单实现交换Li的值_javascript技巧

js简单实现交换Li的值_javascript技巧

来源:55游戏网


交接li的值.html
代码如下:




交换Li的值

window.onload= function() {
var lis = document.getElementById("ulList").childNodes;

for (var i = 0; i < lis.length; i++) {
var myli = lis[i];
//判断是否是标签
if (myli.nodeType == 1) {
//和下面的一个li交换位置
myli.onclick = function() {
if (this.nextElementSibling) {
var nextli = this.nextElementSibling;//这里只能用this,不能用myli
document.getElementById("ulList").insertBefore(nextli, this);
}
};

}
}
}




  • 北京

  • 山西

  • 上海

  • 天津

  • 河南




  • 显示全文