如何使用JavaScript從數組中獲取每個值

Question

我在<h1>標記內顯示數據庫中的2個值。 我的頁面中還有更多標簽。

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

我要檢查每個值。 我將如何使用JavaScript？ <h1>標記內只有兩個值。

請幫忙。

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);