基于js实现页面图片消除

最新推荐文章于 2022-05-04 17:42:09 发布

xiuxiuxiulai

最新推荐文章于 2022-05-04 17:42:09 发布

阅读量1.2k

点赞数

分类专栏： JS 文章标签： js

本文链接：https://blog.csdn.net/xiuxiuxiulai/article/details/102244025

版权

本文主要介绍了作者在测试中发现JavaScript运用不熟练后，通过学习和实践，掌握了一个用于消除页面图片的JS代码块。文章重点讲解了核心的JavaScript代码实现。

摘要由CSDN通过智能技术生成

前两天测试的时候发现自己对js还不是太熟悉，所以今天上传的了这篇文章，重新写了一下js模块里面的东西。
核心还是这一部分：

i = 0
last = null
function clickDisappear(obj){
		if(i==0 && last==null){
					i =1
					last=obj
		}
		else{
		if(obj != last){
			if(obj.src == last.src){
				obj.style.display='none'
				last.style.display='none'
			}
			i = 0
			last = null
		}
}
}

全部代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			img{
				margin: 9px;
				float: left;
				width: 32px;
				height: 32px;
			}
		</style>
		<script type="text/javascript">
			// DOM模型：文档对象模型
			i = 0
			last = null
			function clickDisappear(obj){
				if(i == 0 && last == null){
					last = obj
					i = 1
				}else