Question

我是Javascript的新手，我尝试使用＆＃34; copyme＆＃34; 类复制所有span元素中的文本，按相反的顺序对它们进行排序，并将字符串连接在一起。执行此操作后，我尝试将包含此信息的段落添加到带有id="copyhere"

的div标记中

这是我到目前为止所拥有的：

    var copy= document.getElementsByClassName("copyme").innerHTML;
    var arr = [];
    for (x = 0 ; x < copy ; x++){
       arr.push(x);
   }
    arr.concat().reverse();
    document.getElementById('copyhere').innerHTML = arr;

当我这样做时没有任何事情发生。

有关如何进行的任何想法？谢谢。

Answer 1

你走了：

 var copy = document.getElementsByClassName("copyme");
    var arr = [];
    for (x = 0 ; x < copy.length ; x++){
       arr.push(copy[x].innerHTML);
   }
   arr.reverse();
   document.getElementById('copyhere').innerHTML = arr.join("");

如果您有任何疑问，请随时询问：）

Answer 2

var copy= document.getElementsByClassName("copyme");
    var arr = [];
console.log(copy)
    for (var i = 0 ; i < copy.length ; i++){
       arr.push(copy.item(i).innerHTML);
   }
    arr.concat().reverse();
    document.getElementById('copyhere').innerHTML = arr;

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div class="copyme">1</div>
  <div class="copyme">2</div>
  <div class="copyme">3</div>
  <div id="copyhere"></div>
</body>
</html>

Answer 3

这可能会有所帮助

  var copy= document.getElementsByClassName("copyme");
  var arr = [];
  for (var x = 0 ; x < copy.length ; x++) {
     arr.push(copy[x].innerHTML);
    }
  document.getElementById('copyhere').innerHTML = arr.reverse().toString();

循环遍历HTML元素数组并添加到Array

3 个答案: