JSを配列に挿入して取り出します

Question

こんにちは。私はPHPでこれを作ることができますが、JSで作成しようとしています。

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

私は「コンテンツ」クラスの内部属性すべて「ID」を取得したい：私はこのようないくつかのdivを持っています。 「」テキスト「」 aswellの、すべての...

がどのように見えるする必要がありますように見えるたいのですが、foreachのを取得したい。この後x = array(2, 43, 21)とy= array(this is message, Hello, some content) ...

foreach() { 
echo x; 
echo y } 

この：

2 this is message 

43 Hello 

21 some content 

Answer 1

まず、あなたがdocument.getElementsByClassNameでリストにDOM要素のそれぞれを割り当て、その後、これらのそれぞれをループ、ループのインデックスに基づいて出力します。それぞれの要素のIDと内容をそれぞれ.idとinnerHTMLで取得できます。

この

は、次のような何かを行うことができます。

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>

希望すると便利です。 :)