文章标题

通过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>