Javascript获取value值的三种⽅法及注意点Javascript获取value值的三种⽅法及注意
今天在js中⽤id名直接获取value值时遇到点问题，所以顺便做⼀下总结。
JavaScript获取value值，主要有以下三种：
1.⽤ElementById(“id名”).value来获取（例1）；
2.通过form表单中的id名或者name名来获取（例2）。
3.通过id名（不⽤写getElementById，也不⽤放在表单中）直接获取value值（例3）。但是直接通过value值获取需要注意以下⼏点：
①变量名不能和id名⼀样，否则⽆效；
②函数名不能和id名⼀样，否则⽆效；
③如果需要获取的id外⾯还有盒⼦，不能像表单那样，将盒⼦的name或者id写在前⾯，eg： var d_id.value 是不⾏的，应该直接写 var aa=need_id.value ;
例1：
⽤ElementById(“id名”).value来获取
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>example</title>
</head>
<body>
<!--⽂本输⼊框-->
<input type="text" id="input">
<br>
<!--通过点击click按钮，弹窗中显⽰⽂本框内⽤户输⼊的内容-->
<input type="button" value="click" id="btn" onclick="start()">
<script>
function start(){
var ElementById("input").value; //通过ElementById(“id名”).value来获取value值。
alert(aa);
}
</script>
</body>
</html>
例2：
通过表单中的id或者name获取value值，效果和例1是⼀样⼀样的
<body>
<form action="" name="frm">
<!--放在表单中的⽂本输⼊框-->
<input type="text" id="input1" name="input2">
<br>
<!--通过点击click按钮，弹窗中显⽰⽂本框内⽤户输⼊的内容-->
<input type="button" value="click" id="btn" onclick="start()">
</form>
<script>
function start(){
var aa=frm.input1.value; //通过表单中的id获取value值；或者 var aa=frm.input2.value；通过name获取也可以。    alert(aa);
}
</script>
</body>
例3：
直接通过id名获取value值，效果也和例1是⼀样⼀样的
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>example</title>
</head>
<body>
<!--⽂本输⼊框-->
<input type="text" name="input1" id="input2">
<br>
<!--通过点击click按钮，弹窗中显⽰⽂本框内⽤户输⼊的内容-->
<input type="button" value="click" id="btn" onclick="start()">
<script>
html获取input输入的数据function start(){
var aa=input2.value; //直接通过id名获取value值，但是如果写 var input2=input2.value; alert(input2)则⽆效。    alert(aa);
}
</script>
</body>
</html>
<script language="Javascript">
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。