javascript - 如何在不使用JavaScript的ID的情况下获取元素的值

可以说我有以下代码:

<div class="post">
  <h2 itemprop="name">
    <a href="http://www.example.com">The Post Title</a>
  </h2>
<div class="details">
  <span>
    <em class="date">Jul 17, 2014  </em>
  </span>
  <span>
    Category:
    <a href="/category/staff-profile/">Staff Profile</a>
  </span>
</div>

我如何在不完全更改页面HTML的情况下使用JavaScript获取“帖子标题”和“工作人员资料”的值？即，例如，我不能使用getElementbyID。如果可以的话，我可以使用jQuery，但如果可能的话，我宁愿不使用。

最佳答案

您可以使用getElementsByTagName获得这些值，该返回数组

document.getElementsByTagName("a")[0].innerHTML // returns The Post Title
document.getElementsByTagName("a")[1].innerHTML // returns Staff Profile

如果这些链接是第一个，则可以使用索引0和1，否则应寻找正确的索引

更新资料

另一种可能简单的方法是使用post类在div中选择这些链接

var links = document.getElementsByClassName("post")[index].getElementsByTagName("a");
links[0].innerHTML; // returns The Post Title
links[1].innerHTML; // returns Staff Profile

如果不更改类post的div的索引，则此解决方案将是最佳解决方案