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 交通频道 作文范文 2012年大学社团工作总结 基建 半年工作总结 《在汨罗江上,找寻》 沟通作文400字 生活总是很多莫名其妙 初中初三作文450字:停电之苦 小动物们得聚会 母亲的转变,全是爱 感谢嫉妒者 老师,不忍心对你说bye bye 职场上被重用的六大秘诀 青花短巷作文1000字 端午节优秀作文:端午节的来历 小学科学教师技能大赛观摩心得体会 小学四年级作文350字:我们家的三口人 移民信息工作交流材料 市委政策研究室主任在全市调查研究工作会议上的讲话 家乡的春节时洒作文450字 中学生演讲稿:爱让世界温暖 毕业感言100字 雪天,一个快乐的天使 给老婆的检讨书 唯美励志短句大全_经典唯美励志短句_句句入心 人是否应向动物学习呢作文1000字 爱情伤感哲理句子 爱弥儿读后感600字 古风旧月 2015大学生党校学习心得体会 学院专科毕业实习总结 生命的芳香650字 外公 2015大学清明放假通知范文 公司项目及研究报告评级办法 感悟人生作文500字 玛瑙河赋 可怜的小动物作文300字 我的代课老师 祝福语大全简短 高一语文工教学作总结 祖国-母亲 姑娘,你很美好,但很多时候,这世界骗的就是你 中班美术教案:我给老师画张相 寒假社会实践论文_社会实践报告 淡淡的,月光 月球的奥秘读后感 临平道中 宽容之法 原来云离开风,一样可以幸福! 《王二小》读后感作文700字 梦之声450字

Copyright © 2016 phpStudy |