valueAsNumber将字符串转化成数字，number属性

最新推荐文章于 2023-04-27 20:40:37 发布

qq_1913284695

最新推荐文章于 2023-04-27 20:40:37 发布

阅读量2.2k

点赞数

分类专栏： html5基础

本文链接：https://blog.csdn.net/qq_21119773/article/details/51593522

版权

html5基础专栏收录该内容

68 篇文章 0 订阅

订阅专栏

valueAsNumber将字符串转化成数字

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<form>
			<input type="number" id="add1" >
			+
			<input type="number" id="add2">
			=
			<input type="number" id="result" readonly="readonly" οnclick="onc()">
			用vlaue
			<br><br><br><br><br>
			<input type="number" id="adds1" >
			+
			<input type="number" id="adds2">
			=
			<input type="number" id="resultst" readonly="readonly" οnclick="onsc()">
			用valueAsNumber
			<!--<input type="submit" value="提交">-->
		</form>
	</body> 
	
	
	<script>
	function onc(){
		//laue相加，拼接字符串
		var add1=document.getElementById("add1").value;
		var add2=document.getElementById("add2").value;
		document.getElementById("result").value=add1+add2;
	}function onsc(){
		//valueAsNumber将字符串转化成数字
		var adds1=document.getElementById("adds1").valueAsNumber;
		var adds2=document.getElementById("adds2").valueAsNumber;
		document.getElementById("resultst").valueAsNumber=adds1+adds2;
	}
		
		
	</script>
</html>