通过getElementById()方法返回的是一个对象,尝试直接打印,根本没有反应,测试类型后发现是一个对象,这样就能理解为什么能够直接使用style,innerHTML,value等对象属性了;
一个改变数字格式的小案例:
输入一个数a,再输入该数的限制长度n,返回复合该格式的数a
比如a=3,长度n=2,则返回字符串“03”
<form name="form1">
请输入要格式化的数字<br/>
<input type="text" id="number"><br/>
请输入数字格式化后的长度<br/>
<input type="text" id="length"><br/>
格式化后的数字<br/>
<input type="text" id="result"><br/>
<button type="button" onclick="changenum()">转换</button>
<input type="reset" value="刷新"/>
</form>
<script type="text/javascript">
function changenum(){
//尝试输出number_obj未果
var number_obj = document.getElementById("number");
var number=number_obj.value;
var length_obj = document.getElementById("length");
var length=length_obj.value;
var number_length=number.length;
alert(typeof(number_obj));
//提示输入数字,非空,非null,同时使用对象的focus方法
if(isNaN(number)||number==""||number==null){alert("请输入正确的数字");number_obj.focus();return false;}
if(isNaN(length)||length==""||length==null||length<number_length){alert("请输入正确的长度");length_obj.focus();return false;}
//len = document.getElementById("len").value;
//alert(length);
//转换格式
for(i=0;i<length-number_length;++i){
//alert(i);
number = '0'+number;
}
document.getElementById("result").value=number;
alert(number);
}
</script>