javascript 将文本从 div 复制到输入答案

【问题标题】：javascript copy text from div to inputjavascript 将文本从 div 复制到输入
【发布时间】：2018-08-15 03:39:45
【问题描述】：

我只是想知道是否可以将具有相同类名的 div 中的文本复制到输入字段中

我正在尝试从具有相同类名的最后一个 div 中复制文本，然后粘贴到输入字段中，我该怎么做？

<div class="message">TEXT HERE</div>

<div class="message">TEXT HERE</div>

<div class="message">COPY THIS TEXT TO INPUT</div>

<div id="input_box" class="td_input">
<input type="text" name="content" id="content">
</div>

对不起我的英语不好

【问题讨论】：

i am trying 是的，可能有办法，您自己尝试过吗？请张贴代码
把它分成几个步骤，你应该能够很容易地研究自己的答案！ (1) Get the last element of a certain class (2) Get the text from that element (3) Populate the input

标签： javascript html

【解决方案1】：

选择所有 div 消息后使用 nodes[nodes.length- 1] 作为最后一个 div

var nodes = document.querySelectorAll('.message');
var last = nodes[nodes.length- 1];
document.querySelector('#content').value =last.innerHTML;

<div class="message">TEXT HERE</div>

<div class="message">TEXT HERE</div>

<div class="message">COPY THIS TEXT TO INPUT</div>

<div id="input_box" class="td_input">
<input type="text" name="content" id="content">
</div>

【讨论】：

getElementsByClassName 不是已经选择了最后一个节点吗？

【解决方案2】：

使用下面的代码

var elems = document.getElementsByClassName("message");
var lastElem = elems[elems.length - 1];
document.getElementById("content").value = lastElem.innerText;

【讨论】：

【解决方案3】：

用jquery试试这个：

  $(document).ready(function(){
  var value = $(".message").last().text();
document.getElementById('content').value = value
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<body>
    <div class="message">TEXT HERE</div>

    <div class="message">TEXT HERE</div>

    <div class="message">COPY THIS TEXT TO INPUT</div>

    <div id="input_box" class="td_input">
    <input type="text" name="content" id="content">
    </div>
    </body>
    </html>

【讨论】：