js简单实现交换Li的值


交接li的值.html

复制代码 代码如下:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>交换Li的值</title>
<script type="text/javascript">
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);
}
};

}
}
}
</script>
</head>
<body>
<ul id="ulList">
<li>北京</li>
<li>山西</li>
<li>上海</li>
<li>天津</li>
<li>河南</li>
</ul>
</body>
</html>



相关阅读:
Win10 RS1预览版14271内置Defender离线杀毒和之前有什么区别?
win10任务栏电源图标不见了或者显示灰色该怎么办?
open 动态修改img的onclick事件示例代码
Jquery 模拟用户点击超链接或者按钮的方法
jquery中的常见问题及快速解决方法小结
C#使用Equals()方法比较两个对象是否相等的方法
在SQL Server中实现最短路径搜索的解决方法
win10摄像头无法打开用不了怎么办? win10正式版摄像头无法使用解决办法图文教程
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
HTML5 Canvas阴影使用方法实例演示
C#流类FileStream学习使用笔记
jquery图片滚动放大代码分享(2)
SQL Server 2005 安装遇到的错误提示和解决方法
php实现比较两个文件夹异同的方法
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 火锅店开业贺词 梦中荷香 彼岸风前柳,人前桃花落 这都谁说的?你出来我保证不打死你 带雨字的诗句 读《饮湖上初晴后雨》有感作文1000字 小学六年级作文600字:瞧!我们这一家子 一个有意义的“护蛋”活动作文1200字 雪影翩跹 水之韵作文600字 2015乡镇档案工作自查报告 励志电影观后感:阿凡达的教育意义_励志电影 2017副镇长述职述廉报告 小庙里的小学——岁月划痕之十六 2012年企业试用期会计工作总结 指尖、划过小哀伤作文300字 2010年优秀班干部入团申请书 我爱春天作文700字 我只是怔怔望着你的脚步,给你我最后的祝福 一米温暖 六州歌头 张孝祥 翻译赏析 阅读答案 吃杨梅 儿童节200字 爱情哲理语录精选_爱情哲理语录120句 先进事迹材料5篇 琴师五 母亲有其田 在我十二年的人生历程中作文1000字 呼叫中心客服实习报告 经济工作会议主持词 春季“消脏源、灭死角”活动方案 2016年住建局理论学习计划 《山石静好,岁月流沙》第五章烟火幸福 爱情和婚姻可分为四类 宣传党的十八大报告精神活动总结 在颁发任命书大会上的讲话 爸爸带我去散步作文700字 读书乐(二十四)《读中国文化的命运》 我的爱被谁偷了? 2015早安心语:不要笑话别人身上的疤你也会有 岁月如烟 往事归尘 改革治校质量立校科研兴校 工作总结:立足本职岗位发挥科级干部的主力军作用 余香让我自豪450字 长大后,我爱上了流泪 爱,一直都在 优秀党员2015年七一建党节思想汇报 毕业实践报告 真心实意感恩550字 工作人员最新入党志愿书范文

Copyright © 2016 phpStudy |