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为just 'a'但它替换了我页面上的每个链接,我只希望它替换我的帖子内容中的链接,只有链接(而不是链接到其全尺寸图像的图像).

任何帮助是极大的赞赏.

Answer 1

您应该使用querySelectorAll.

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

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