html 在Javascript中编辑动态创建的文本

mefy6pfw  于 2022-12-02  发布在  Java
关注(0)|答案(1)|浏览(119)

我在创建一个“社交媒体评论区”(您可以在底部的注解框中键入自己的注解。)我想添加一个编辑按钮,它可以更改单击编辑按钮后的注解。我对如何进行此操作非常陌生。我“我试过添加一个单击功能,创建一个文本框,你可以把文本,但它创建的文本框上的每一个评论,有一个编辑按钮。我如何使“编辑”按钮更具体的评论被点击?
第一个

yws3nbqq

yws3nbqq1#

从一般意义上回答你的问题...
当你添加一个事件监听器时,特定的元素会出现在事件的target属性中。

<div class="posts">
  <button>Button 1</button>
  <button>Button 2</button>
  <button>Button 3</button>
</div>

我们实际上可以在div中添加一个click处理程序,因为events "bubble"最多。

document.querySelector('.posts').addEventListener('click' (e) => {
  console.log(e.target.textContent); // Button 1, Button 2, etc.
});

相关问题