Button 对象 

<html>

    <form>
        <input type="button" value="提交" accesskey="b" name="button1" id="button1" alt="Button" onclick="alertMsg()"><br />

        <input type="button" onclick="removeFocus()" value="离开焦点" /><br />
        <input type="button" onclick="setFocus()" value="获取焦点" />

    </form>

    <script>

        //Button 对象的属性
        //accessKey 属性可设置或返回访问一个按钮的键盘按键。
        /*var x = document.getElementById("button1");
        alert(x.accessKey);            //b
        
        //alt 属性可设置或返回当浏览器不支持按钮时要显示的替换文本

        var x = document.getElementById("button1");
        alert(x.alt);            //Button
        
        //disabled 属性可设置或返回是否禁用按钮

        //true 按钮不能点击
        //false 按钮正常使用

        var x = document.getElementById("button1").disabled = true;

        //form 属性可返回对包含该按钮的表单的引用。

        //如果包含该按钮，则返回一个 form 对象，如果未包含该按钮，则返回 null。
        x=document.getElementById('button1');

        document.write(x.form.id);

        //id 属性可设置或返回按钮的 id

        x=document.getElementById('button1');
        alert(x.id);

        //name 属性可设置或返回按钮的名称

        x=document.getElementById('button1');
        alert(x.name);

        //type 属性可返回表单元素的类型。Button 对象的类型始终是 "button"

        x=document.getElementById('button1');
        alert(x.type);
    
        //value 属性可设置或返回显示在按钮上的文本

        x=document.getElementById('button1');
        alert(x.value);
    
        //Button 对象的方法

        //blur() 方法用于把焦点从按钮上移开
        function removeFocus(){

             document.getElementById('button1').blur();
        }

        //click() 方法可模拟在按钮上的一次鼠标单击

        function clickButton(){
          document.getElementById('button1').click()

        }
        function alertMsg(){

          alert("Button 1 was clicked!")
        }
*/

        //focus() 方法用于向按钮赋予焦点
        function setFocus(){

          document.getElementById('button1').focus()
        }

    </script>
</html>



posted on 2013-08-05 19:36  you Richer  阅读(284)  评论(0)    收藏  举报