HTML DOM(文档对象模型)中的 Button 对象表示 HTML 页面中的按钮元素(<button>)。按钮元素通常用于触发用户界面的操作,比如提交表单、执行 JavaScript 函数等。

以下是一些常见的 Button 对象属性和方法:

属性:

1. disabled:
   - 获取或设置按钮是否被禁用。

2. form:
   - 获取按钮所属的表单元素。

3. type:
   - 获取或设置按钮的类型,可以是 "button"、"submit" 或 "reset"。

方法:

1. click():
   - 模拟用户点击按钮,触发按钮的点击事件。

示例:
<!DOCTYPE html>
<html>
<head>
  <title>Button Object Example</title>
</head>
<body>

<button id="myButton" onclick="alert('Button Clicked!')">Click Me</button>

<script>
  // 获取 Button 对象
  var myButton = document.getElementById("myButton");

  // 获取和设置 disabled 属性
  var isDisabled = myButton.disabled;
  console.log("Disabled: " + isDisabled);

  // 获取按钮所属的表单元素
  var formElement = myButton.form;
  console.log("Form Element: " + formElement);

  // 获取和设置 type 属性
  var typeValue = myButton.type;
  console.log("Type: " + typeValue);

  // 模拟点击按钮
  // myButton.click();
</script>

</body>
</html>

上述示例演示了如何通过 JavaScript 获取和设置 Button 对象的属性,并使用 click() 方法模拟用户点击按钮。实际应用中,按钮通常与事件处理函数一起使用,以执行特定的操作或触发其他行为。


转载请注明出处:http://www.zyzy.cn/article/detail/4384/HTML