如何在Javascript中显示按钮点击后的"No More Data“消息

在Javascript中显示按钮点击后的"No More Data"消息，可以通过以下步骤实现：

在HTML文件中创建一个按钮元素，并为其添加一个唯一的标识符（id）和一个点击事件的监听器。

<button id="myButton">点击按钮</button>

在Javascript文件中，获取该按钮元素并为其添加点击事件的监听器。

const button = document.getElementById('myButton');
button.addEventListener('click', function() {
  // 在这里添加显示消息的逻辑
});

在点击事件的监听器中，使用DOM操作动态创建一个文本节点，并将其插入到按钮后面。

button.addEventListener('click', function() {
  const message = document.createTextNode('No More Data');
  button.parentNode.insertBefore(message, button.nextSibling);
});

完整代码如下：

<!DOCTYPE html>
<html>
  <head>
    <title>按钮点击消息示例</title>
  </head>
  <body>
    <button id="myButton">点击按钮</button>

    <script>
      const button = document.getElementById('myButton');
      button.addEventListener('click', function() {
        const message = document.createTextNode('No More Data');
        button.parentNode.insertBefore(message, button.nextSibling);
      });
    </script>
  </body>
</html>

这样，当用户点击按钮后，会在按钮下方显示出"No More Data"的消息。