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

来源：动视网责编：小采时间：2020-11-27 21:23:41

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

js简单实现交换Li的值_javascript技巧:交接li的值.html 代码如下: 交换Li的值 window.onload= function() { var lis = document.getElementById(ulList).childNodes; for (var i = 0; i var myli = lis[i]; //判断是否是标签 if (myli.nod

推荐度：

点击下载本文 文档为doc格式

导读js简单实现交换Li的值_javascript技巧:交接li的值.html 代码如下: 交换Li的值 window.onload= function() { var lis = document.getElementById(ulList).childNodes; for (var i = 0; i var myli = lis[i]; //判断是否是标签 if (myli.nod

交接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);
}
};

}
}
}

北京

山西

上海

天津

河南