javascript案例点击按钮,，把按钮内的内容复制到另一个文本中

可以使用JavaScript的innerHTML属性和value属性来实现这个功能。

HTML部分：

<button onclick="copyText()">复制</button>
<input type="text" id="source" value="原始文本">
<input type="text" id="target" placeholder="目标文本">

JavaScript部分：

function copyText() {
  var source = document.getElementById("source");
  var target = document.getElementById("target");
  target.value = source.value;
}

当点击“复制”按钮时，会调用copyText()函数。函数中首先获取源文本的元素和目标文本的元素，然后将源文本的值赋给目标文本的value属性。这样就完成了将源文本复制到目标文本的功能。

相关问题

javascript案例点击按钮,把按钮内的内容复制到另一个文本中，且按钮标签与按钮内的内容不同

可以使用JavaScript的DOM操作来实现这个功能。以下是一个简单的示例代码：

HTML代码：

<button id="btn">Click me!</button>
<p id="text"></p>

JavaScript代码：

// 获取按钮和文本元素
var btn = document.getElementById("btn");
var text = document.getElementById("text");

// 给按钮添加点击事件
btn.addEventListener("click", function() {
  // 将按钮内的内容复制到文本元素中
  text.innerText = btn.innerText;
});

在上面的代码中，我们首先通过`document.getElementById`方法获取了按钮和文本元素，并将它们分别存储在`btn`和`text`变量中。然后，我们给按钮添加了一个点击事件，当按钮被点击时，会执行回调函数。在回调函数中，我们使用`innerText`属性将按钮内的文本复制到文本元素中。注意，我们使用的是`innerText`而不是`innerHTML`，这是因为我们需要复制的是文本而不是HTML标签。最终的效果是，当我们点击按钮时，按钮内的文本会出现在文本元素中。

javascript案例点击按钮实现复制内容

可以使用以下代码实现点击按钮后复制内容到剪贴板：

HTML代码：

<button id="copy-button" onclick="copyToClipboard()">复制内容</button>
<input type="text" id="copy-input" value="要复制的内容" style="display:none">

JavaScript代码：

function copyToClipboard() {
  var copyText = document.getElementById("copy-input");
  copyText.select();
  document.execCommand("copy");
  alert("已复制到剪贴板！");
}

具体实现方法如下：

1. 在 HTML 中添加一个按钮和一个隐藏的输入框，输入框中存放要复制的内容。

2. 在 JavaScript 中定义一个名为 `copyToClipboard` 的函数，在该函数中：

- 获取输入框元素并选中其中的文本；

- 使用 `document.execCommand("copy")` 方法将选中的文本复制到剪贴板；

- 弹出提示框告知用户已复制成功。

3. 在按钮元素中添加 `onclick` 属性，使其在点击时调用 `copyToClipboard` 函数即可。