Javascript 事件获取 div 文本

在前端开发中，我们经常会遇到需要获取到一个 div 元素中的文本内容的情况。使用 Javascript，我们可以通过事件来获取它。

事件

在 Javascript 中，我们可以使用 addEventListener 方法来添加事件监听器，然后在事件发生时执行一些代码。

例如，我们可以添加一个 click 事件监听器来监听鼠标点击事件：

const div = document.querySelector('#my-div');

div.addEventListener('click', () => {
  console.log('div 被点击了！');
});

获取文本内容

在事件发生时，我们可以通过 textContent 属性来获取 div 元素中的文本内容：

const div = document.querySelector('#my-div');

div.addEventListener('click', () => {
  const text = div.textContent;
  console.log(`div 中的文本内容为：${text}`);
});

上面的代码使用模板字符串来输出文本内容。

完整代码

const div = document.querySelector('#my-div');

div.addEventListener('click', () => {
  const text = div.textContent;
  console.log(`div 中的文本内容为：${text}`);
});

总结

我们可以使用 Javascript 事件来获取 div 元素中的文本内容，只需要在事件发生时通过 textContent 属性来获取即可。