如何使用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);