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>



你可能感兴趣的:(button)