JS 闭包应用

最新推荐文章于 2023-10-18 21:38:49 发布

knife_yu

最新推荐文章于 2023-10-18 21:38:49 发布

阅读量341

点赞数

分类专栏： JAVASCRIPT 文章标签： function xhtml html 文档 div

本文链接：https://blog.csdn.net/knife_yu/article/details/6656058

版权

JAVASCRIPT 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
.b { font-weight: bolder;font-size:116% }
-->
</style>
</head>
<body>
    <div id="links">
        <a>1</a>
        <a>2</a>
        <a>3</a>
        <a>4</a>
        <a>5</a>
    </div>
    
<script>
    var linkParent = document.getElementById("links");
	var linkArray = linkParent.getElementsByTagName("a");
	for(var linkElement=0;linkElement<linkArray.length;linkElement++){
		linkArray[linkElement].onclick = function(){clearOterh();this.className="b"}
	}
	
	function clearOterh(){
	    for(var linkElement=0;linkElement<linkArray.length;linkElement++){
		    linkArray[linkElement].className=""
	    }
	}
</script>
</body>
</html>