JavaScript" getelementsby" css麻烦

时间:2014-04-10 04:14:05

标签: javascript css

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

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:8)

您应该使用querySelectorAll。

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

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