JavaScript "getelementsby"css 问题

Question

我是 JavaScript 和 CSS 的新手，在确定我应该使用哪个“getelementsby”以及我应该使用哪种 CSS 类型时遇到了一些问题。

我试图用 JavaScript 调出的 CSS 属性是:

.restore a:link, .restore a:visited

在我的网页上，链接如下所示:

<a target="_blank" href="/coolnewstuff.html">

我使用的 JavaScript 是:

<script>
function replaceLinks() {
    var links = document.getElementsByTagName('.restore a:link');
    for (var i = 0; i < links.length; i++) {
        links[i].innerHTML = 'DOWNLOAD register here.';
        links[i].href = 'register.php';
    }
}
</script>

但它不起作用(我认为是因为 getelementsby 是错误的。

我尝试将 .restore a:link 更改为 'a' 但它替换了我页面上的每个链接，我只希望它替换里面的链接我的帖子内容，只有链接(不是链接到其全尺寸图像的图像)。

非常感谢任何帮助。

Answer 1

您应该使用 querySelectorAll。

var links = document.querySelectorAll('.restore a:link');

document.getElementByTagName() 用于按名称匹配标签。