如何获取调用函数的元素的innerText？实现控制台打印按钮文本

下面提供几种可行的实现方式，满足你在控制台打印按钮文本“Print me”的需求：

方式一：在点击事件中传入当前元素 #

直接修改按钮的onclick属性，把当前元素（this）作为参数传递给函数：

<div class="item1">
  <button onclick="buttonText(this)" id="equalSign" type="button" name="button">Print me</button>
</div>

对应的JavaScript函数：

function buttonText(element) {
  console.log(element.innerText);
}

方式二：通过事件对象获取触发元素 #

无需修改HTML结构，利用全局事件对象或显式传入的事件参数获取触发元素：

依赖全局event对象 #

function buttonText() {
  console.log(event.target.innerText);
}

显式传入事件参数（更规范） #

修改HTML：

<button onclick="buttonText(event)" id="equalSign" type="button" name="button">Print me</button>

对应的函数：

function buttonText(e) {
  console.log(e.target.innerText);
}

方式三：通过元素ID直接获取 #

因为按钮有唯一IDequalSign，可以直接通过ID定位元素：

function buttonText() {
  const btn = document.getElementById('equalSign');
  console.log(btn.innerText);
}

这种方式适合元素ID固定的场景，但如果页面存在多个同类元素，灵活性不如前两种。

内容的提问来源于stack exchange，提问作者Baboucarr Badjie