Question

编写一个名为“ inputCopied”的函数，该函数不带任何参数，并且不返回任何值。此函数应该找到一个id为“ user”的HTML元素（将是一个文本框），并将此值设置为id为“ copied”的元素中的HTML。

function inputCopied() {
    var y = document.getElementById('copied');
    return y.value = 'user';
}

如何将HTML元素的值复制到HTML元素的另一个值？我的代码似乎不正确。

Answer 1

您可以使用id方法通过getElementById()属性获得两个输入，并将它们保存到单独的变量中，然后使用user属性获得.value输入的值并进行赋值使用copied将其添加到textContent/innerHTML元素中。

注意：：如果您想将值分配为HTML，请使用innerHTML。

document.getElementById('button').addEventListener('click', inputCopied);

function inputCopied() {
  var user = document.getElementById('user');
  var copied = document.getElementById('copied');

  copied.textContent = user.value;
  //Or 
  //copied.innerHTML = user.value;
}

<input id="user" value="User name here">

<button id="button">Copy value</button>
<br>
<span id="copied"></span>

Answer 2

在这里：

function inputCopied() {
    //find an HTML element with an id of "user
    var user = document.getElementById('user');

    // which will be a text box
    var userTextboxValue = user.value;

    //set this value as the HTML inside an element with an id of "copied"
    document.getElementById('copied').innerHTML = userTextboxValue;

}

如何将HTML元素的值复制到HTML元素的另一个值？

2 个答案: