Question

我只是想知道是否可以将具有相同类名的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>

对不起，我的英语不好

Answer 1

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

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>

Answer 2

使用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>

Answer 3

使用以下代码

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

javascript将文本从div复制到输入

3 个答案: