获取按钮文本 JavaScript

在 JavaScript 中，我们可以使用 DOM（文档对象模型）来获取按钮的文本。每一个 HTML 元素都可以看作是一个对象，我们可以使用 DOM 的相关方法来获取对象的属性和文本。

以下是获取按钮文本的步骤：

1. 获取按钮元素

const btn = document.querySelector('button');

这里使用了 querySelector 方法来获取第一个符合指定选择器的元素，也可以使用 getElementById 和 getElementsByClassName 方法来获取元素。

2. 获取按钮文本

const btnText = btn.textContent;

这里使用了 textContent 属性来获取按钮元素的文本内容。

3. 使用按钮文本

我们可以将按钮文本用于各种用途，比如显示在页面上，作为变量等等。

document.querySelector('#result').textContent = `按钮文本为 ${btnText}`;

这里将按钮文本更新到了页面上，使用了模板字符串来动态生成文本内容。

以上就是获取按钮文本的简单示例，需要注意的是，如果按钮中包含 HTML 标签，使用 textContent 会将标签作为文本输出，可以使用 innerHTML 属性获取标签及其内容。同时，如果需要把按钮文本作为字符串进行计算，需要使用 parseInt 或 parseFloat 方法将其转换为数字。