一个js文件中使用不同的id调用不同的方法

最新推荐文章于 2021-07-01 13:37:00 发布

Cheang_Bokgaai

最新推荐文章于 2021-07-01 13:37:00 发布

阅读量1.2k

点赞数

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

本文链接：https://blog.csdn.net/weixin_37726470/article/details/83796840

版权

在进行js的学习和时间中，遇到了一个需求是，在一个js文件中有许多的操作，而我需要根据不同的id进行不同的操作。

最开始我想到的是通过建立不同的js然后在html页面调用不同的js来完成，但是过于笨重并且十分麻烦，于是在思考一种比较方便的方法。

于是我想到了document.getElementById("id")这个方法，所以一切的问题迎刃而解。

我们在可以使用if语句通过document.getElementById("id")这个方法来判断是不是这个id在调用js，所以不同的id调用不同的操作，我们只需要在每个操作代码块前面加上一个if语句，判断是不是相应的id在调用就可以了，所以便可以实现在一个js文件中使用不同的id来调用不同的操作。

详细代码如下：

if(document.getElementById("count1")){
			var Acount1=[];
			var countA1=1;
			Acount1 = JSON.parse(localStorage.getItem("Article1"));
			
			if(Acount1 == undefined){
				document.getElementById("count1").innerHTML = 1;
				
			}else{
				countA1= Acount1.count;
				document.getElementById("count1").innerHTML = countA1;
			}
			Acount1={
				'count':countA1+1
			}
			
			localStorage.setItem("