javascriptを使用して配列から各値を取得する方法

Question

<h1>タグ内のデータベースから2つの値を表示しています。 私のページにはさらに多くのタグがあります。

<?php 
foreach($arrays as $row) 
{ 
?> 
<h1 id="myId"><?php echo $row['field_name'];?></h1> 
<?php 
} 

チェックのために各値を入力します。 JavaScriptを使ってどうやって取得できますか？ <h1>タグ内には2つの値しか入りません。

助けてください。

Answer 1

idをclassに変更すると、目的の結果が得られます。

Answer 2

以下のjavascriptを使用して、h1タグ内のすべての値を取得します。

var h1Elements = document.getElementsByTagName("h1"); 
for(var i = 0; i < h1Elements.length; i++) 
{ 
    alert(h1Elements[i].innerHTML); 
} 

注： - IdはDOM内で一意でなければなりません。ループ内にある場合はClassを使用する必要があります。

Answer 3

idは一意である必要があります。 PHPでクラスを使用します。

<h1 class="my-class"><?php echo $row['field_name'];?></h1> 

その後、あなたのJavaScriptでdocument.getElementsByClassName("my-class")を呼び出し、結果を反復処理：

var els = document.getElementsByClassName("my-class"); 
for(var i = 0; i < els.length; ++i) alert(els[i].innerHTML);