HTML | DOM 输入按钮值属性

简介

在 HTML 中，按钮元素 <button> 和 <input> 可以通过 value 属性来设置按钮上的文本内容。当按钮被点击时，它的值就会被提交到服务器或者在客户端被处理。

DOM 提供了一组属性和方法来获取和设置按钮的值属性。

获取按钮的值属性

获取按钮的值属性有两种方式：

1. 使用属性获取

使用 value 属性即可获取按钮的值属性。

var button = document.getElementById("myButton");
var value = button.value;
console.log(value); // 输出按钮的值属性

2. 使用方法获取

使用 getAttribute() 方法同样可以获取按钮的值属性。这种方式更加通用，可以用来获取任何属性。

var button = document.getElementById("myButton");
var value = button.getAttribute("value");
console.log(value); // 输出按钮的值属性

设置按钮的值属性

设置按钮的值属性同样有两种方式：

1. 使用属性设置

使用 value 属性即可设置按钮的值属性。

var button = document.getElementById("myButton");
button.value = "新的值属性";

2. 使用方法设置

使用 setAttribute() 方法同样可以设置按钮的值属性。这种方式更加通用，可以用来设置任何属性。

var button = document.getElementById("myButton");
button.setAttribute("value", "新的值属性");

结论

以上就是 HTML DOM 获取和设置按钮值属性的两种方式。对于简单的按钮，使用属性获取和设置即可。对于更加通用的方式，使用 getAttribute() 和 setAttribute() 方法是更好的选择。