Javascript 按钮对象

javascript 中如何改变按钮文本值？
or
表单按钮有什么相关的事件、属性、函数？

解释

HTML 表单按钮的基本知识
按钮对象 :
按钮是表单中常用的对象。如下语法可以在 javascript 中引用到文档中的按钮对象
语法: document.formname.buttonname

示例代码:
<form name=buttonform>
<input name=button1 value=test type=button>
</form>
<script language="javascript">
var buttonobject= document.buttonform.button1;
</script>

这里是表单中按钮元素中可用的函数，dom 属性和方法。
事件句柄: 与按钮相关的:
下面所有的例子采用了自定义的 javascript 函数 output()
<script language=javascript>
function output()
{
alert("测试按钮事件");
}
</script>

事件	说明	示例
onMouseOver	当鼠标指针移动到按钮上的时候触发	<input type=button onMouseOver="output()"> 结果:
onMouseOut	当鼠标指针移出按钮的时候触发	<input type=button onMouseOut="output()"> 结果:
onMouseDown	当在按钮上按下鼠标的时候触发	<input type=button onMouseDown="output()"> 结果:
onMouseUp	当在按钮上释放鼠标的时候触发	<input type=button onMouseUp="output()"> 结果:
onClick	"onClick" 函数当用鼠标单击后触发	<input type=button onClick="output()"> 结果:
onBlur	当通过按 Tab 键等方式让按钮失去焦点时触发	<input type=button onBlur="output()"> 结果:
onFocus	当通过按 Tab 键等方式让按钮获取焦点时触发	<input type=button onFocus="output()"> 结果:

DOM 属性:
如下是 DOM (文档对象模型 Dynamic Object Model) 中定义的属性列表可用于在 javascript 中获取或修改按钮属性。
下面的示例代码基于表单
<form name=testb>
<input name=myb type=button value=xxx>
</form>

DOM 属性	说明	示例
name	用于访问按钮名称	获取时用: var ss = document.testb.myb.name;
type	用于获取控件类型	To Get: var ss = document.testb.myb.type;
value	用于访问按钮上的文本值	To Get: var ss = document.testb.myb.value; 设置时用:: document.testb.myb.value = "性急";
disabled	用于启用或者禁用按钮。通过设置该属性为 true 可以禁用按钮。	禁用时用: document.testb.myb.disabled = true; 启用时用:: document.testb.myb.disabled = false;

DOM 方法:
如下是 DOM (文档对象模型 Dynamic Object Model) 中定义的方法列表用于在 javascript 中完成动态修改如按钮单击事件等代码。

DOM 方法	说明	示例
click()	用于动态创建按钮单击事件	要执行单击按钮事件时用: document.testb.myb.click();
blur()	用于动态执行按钮失去焦点事件	想要执行失去焦点代码时用: document.testb.myb.blur();
focus()	用于动态执行按钮获取焦点事件	想要执行获取焦点代码时用: document.testb.myb.focus();

示例: 当鼠标移到按钮上时改变按钮文本

Java Script 教程

导言|

变量

声明

循环

物体

Math方法或者函数

Math方法或者函数

字符串函数

阵列

浏览器对象

Window 属性和方法

表格的DOM