javascript - 获取类内的 tagName 元素

Question

我想在类中获取a的元素并改变它。

我的 HTML 是:

<div class="alignleft">
    <a href="http://cismdomain.com/articles/page/2/">« Older Entries</a>
</div>

我想将 Older Entries 更改为 Previous。

我的 JavaScript 代码是:

var oldentries = document.querySelector('.alignleft');
var ainside = document.getElementsByTagName('a');
oldentries.ainside.innerHTML = "Previous";

但这给了我 undefined。

Answer 1

一旦您使用 Document.querySelector()要获取类为 '.alignleft' 的元素，您还可以执行 oldentries.querySelector('a'); 以获取 'a' oldentries 中的元素，然后更改 element.innerHTML :

var oldentries = document.querySelector('.alignleft'),
    ainside = oldentries.querySelector('a');

ainside.innerHTML = 'Previous';

<div class="alignleft">
  <a href="http://cismdomain.com/articles/page/2/">« Older Entries</a>
</div>