Question

我理解如何将文本从一个文本框复制到JS中的另一个文本框，但我想将文本从文本框复制到段落中。你会怎么做？

由于

编辑：我的不好，我没说好。我试图在单击按钮时将段落的textContext更改为文本框的值。这就是我到目前为止所做的：

<input type="text" id="field1" value="Hello World!"><br>
<p id="field2"></p><br><br>

<button onclick="myFunction()">Copy Text</button>


<script>
function myFunction() {
    document.getElementById("field2").textContext = document.getElementById("field1").value;
}
</script>

有人知道为什么不将文本框字段的值复制到段落中吗？

Answer 1

这应该适用于您的目的。你几乎在问题中描述了解决方案。

将段落的textContext更改为文本框的值

function myFunction() {
  var textbox = document.getElementById('field1');
  var paragraph = document.getElementById('field2');
  
  paragraph.textContent = textbox.value;
}

<input type="text" id="field1" value="Hello World!"><br>
<p id="field2"></p><br><br>

<button onclick="myFunction()">Copy Text</button>

Answer 2

你想知道反应性绑定吗？例如，使用Vue.js

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
   <p>{{ message }}</p>
   <input v-model="message">
</div>

的JavaScript

new Vue({
   el: '#app',
   data: {
     message: 'Hello World!'
   }
})

DEMO

将文本从文本框字段复制到<p>

2 个答案: