JavaScript枚举

最新推荐文章于 2024-08-17 12:46:47 发布

Lvdon9

最新推荐文章于 2024-08-17 12:46:47 发布

阅读量610

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/qq_37995109/article/details/86187264

版权

JavaScript 专栏收录该内容

106 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script>
		window.onload = function() {
			var aA = document.getElementsByTagName('a');
			var oUl = document.getElementById('ul1');
			var aLi = oUl.getElementsByTagName('li');

			for(var i = 0; i < aA.length; i++) {
				aA[i].onclick = function() {
					if(mj(this.innerHTML)) {
						var oLi = document.createElement('li');
						oLi.innerHTML = this.innerHTML;
						//添加位置
						if(!aLi[0]) {
							oUl.appendChild(oLi);
						} else {
							oUl.insertBefore(oLi,aLi[0]);
						}
					} else {
						mj2(this.innerHTML);
					}
				};
			}

			function mj(text) {
				var result = true;
				for(var i = 0; i < aLi.length; i++) {
					if(aLi[i].innerHTML == text) {
						result = false;
					}
				}
				return result;
			}
			function mj2(text){
				for(var i=0;i<aLi.length;i++){
					if(aLi[i].innerHTML==text){
						oUl.insertBefore(aLi[i],aLi[0]);
					}
				}
			}

		}
	</script>

	<body>
		<a href="javascript:;">北京</a>
		<a href="javascript:;">上海</a>
		<a href="javascript:;">深圳</a>
		<a href="javascript:;">广州</a>
		<a href="javascript:;">天津</a>
		<a href="javascript:;">重庆</a>
		<a href="javascript:;">杭州</a>
		<ul id="ul1">
		</ul>

	</body>

</html>