javascript - JS插入数组，并获取

Question

大家好 :) 我可以用 PHP 来做这个，但我正在尝试用 JS 来做。我有一些像这样的 div:

<div class="content" id="2"> This is message </div>
<div class="content" id="43"> Hello </div>
<div class="content" id="21"> some content... </div>

我想在 "content" 类中获取所有 "id" 属性。还有所有的""text""......

必须看起来像:x = array(2, 43, 21) 和 y= array(这是消息，你好，一些内容)在此之后我想获取 foreach ...

foreach () {
echo x;
echo y  }

想要看起来像这样:

2 this is message 

43 Hello

21 some content

Answer 1

首先，您要将每个 DOM 元素分配给一个带有 document.getElementsByClassName 的列表，然后循环遍历每个元素，根据循环中的索引输出。您可以分别使用 .id 和 innerHTML 获取每个元素的 ID 和内容。

这可以通过类似于以下的方式来完成:

var list = document.getElementsByClassName("content");
for (var i = 0; i < list.length; i++) {
  console.log(list[i].id, list[i].innerHTML);
}

<div class="content" id="2"> This is message </div>
<div class="content" id="43"> Hello </div>
<div class="content" id="21"> some content... </div>

如果你想将内容实际替换到 DOM 本身，而不是简单地登录到控制台，你可以使用 document.innerHTML:

var list = document.getElementsByClassName("content");
for (var i = 0; i < list.length; i++) {
  list[i].innerHTML = list[i].id + list[i].innerHTML;
}

<div class="content" id="2"> This is message </div>
<div class="content" id="43"> Hello </div>
<div class="content" id="21"> some content... </div>

希望对您有所帮助! :)