1. 程式人生 > >關於實現獲取span標籤的值加1後賦值給原來的標籤

關於實現獲取span標籤的值加1後賦值給原來的標籤

方法1:js處理

程式碼如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/jquery.js" ></script>
		<title></title>
	</head>
	<body>
		<span id="he" class="a">2</span>
		<script>		
			var a=document.getElementById("he").innerHTML;
			var b=(a-0)+1;
			var c=document.getElementById("he").innerHTML=b;
			alert(c);				
		</script>
	</body>
</html>
方法2:jquery處理

程式碼如下:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript" src="js/jquery.js" ></script>
		<title></title>
	</head>
	<body>
		<span id="he" class="a">2</span>
		<script>
		$(function(){
			$(function(){
             var n=$("#he").text();
              n++;
             $("#he").text(n);
             alert($("#he").text());
              });
//			var q=document.getElementsByClassName("a").innerHTML;
//			alert(q);
//			var a=document.getElementById("he").innerHTML;
//			var b=(a-0)+1;
//			var c=document.getElementById("he").innerHTML=b;
//			alert(c);
		});			
		</script>
	</body>
</html>