Question

Hello guys :)我可以用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>

我想在＆＃34;内容＆＃34; 类中获取所有＆＃34; id＆＃34; 属性。所有＆＃34;＆＃34;文字＆＃34;＆＃34; 以及......

必须如下：x = array(2, 43, 21)和y= array(this is message, Hello, some content) 在此之后我想获取foreach ...

foreach () {
echo x;
echo y  }

希望看起来像这样：

2 this is message 

43 Hello

21 some content

Answer 1

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

这可以通过以下类似的方式完成：

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

希望这有帮助！：）

JS插入数组，并获取

1 个答案: