脚本宝典收集整理的这篇文章主要介绍了js实例Button 对象,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。小宝典致力于为广大程序猿(媛)提供高品质的代码服务,请大家多多光顾小站,小宝典在此谢过。
源代码
<!DOCTYPE htML> <html> <body> <form> Buttons: <input type="button" id="FirstBTn" value="OK"> <input type="button" id="secondbtn" value="OK"> </form> <p>Click the button below to disable the first button above.</p> <button onclick="disableElement()">Disable button</button> <script> function disableElement() { document.getElementById("firstbtn").disabled=true; } </script> </body> </html>
运行结果
返回一个button的name
源代码
<!DOCTYPE html> <html> <body> <button id="button1" name="button1">Click Me!</button> <p>The name of the button is: <script> document.wrITe(document.getElementById("button1").name); </script></p> </body> </html>
运行结果
返回一个button的type
源代码
<!DOCTYPE html> <html> <head> <script> function alertType() { alert(document.getElementById("myButton").type) } </script> </head> <body> <button id="myButton" type="button" onclick="alertType()">Click Me!</button> </body> </html>
运行结果
返回一个button的value
源代码
<!DOCTYPE html> <html> <body> <input type="button" id="button1" value="Click Me!"> <p>The text on the button is: <script> document.write(document.getElementById("button1").value); </script></p> </body> </html>
运行结果
返回一个button所属表的ID
源代码
<!DOCTYPE html> <html> <body> <form id="form1"> <button id="button1" type="button">Click me!</button> </form> <p>The id of the form containing the button is: <script> document.write(document.getElementById("button1").form.id); </script></p> </body> </html>
运行结果
源代码
<!DOCTYPE html> <html> <body> <form> Buttons: <input type="button" id="firstbtn" value="OK"> <input type="button" id="secondbtn" value="OK"> </form> <p>Click the button below to disable the first button above.</p> <button onclick="disableElement()">Disable button</button> <script> function disableElement() { document.getElementById("firstbtn").disabled=true; } </script> </body> </html>
运行结果
返回一个button的name
源代码
<!DOCTYPE html> <html> <body> <button id="button1" name="button1">Click Me!</button> <p>The name of the button is: <script> document.write(document.getElementById("button1").name); </script></p> </body> </html>
运行结果
返回一个button的type
源代码
<!DOCTYPE html> <html> <head> <script> function alertType() { alert(document.getElementById("myButton").type) } </script> </head> <body> <button id="myButton" type="button" onclick="alertType()">Click Me!</button> </body> </html>
运行结果
返回一个button的value
源代码
<!DOCTYPE html> <html> <body> <input type="button" id="button1" value="Click Me!"> <p>The text on the button is: <script> document.write(document.getElementById("button1").value); </script></p> </body> </html>
运行结果
返回一个button所属表的ID
源代码
<!DOCTYPE html> <html> <body> <form id="form1"> <button id="button1" type="button">Click me!</button> </form> <p>The id of the form containing the button is: <script> document.write(document.getElementById("button1").form.id); </script></p> </body> </html>
运行结果
觉得可用,就经常来吧!Javascript技巧 脚本宝典 欢迎评论哦! js技巧,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的js实例Button 对象全部内容,希望文章能够帮你解决js实例Button 对象所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。