使用Javascript替换链接

时间:2014-04-10 03:50:57

标签: javascript

我正在使用此Javascript代码尝试使用指向" DOWNLOAD"的消息替换页面上的链接,并带有指向我的注册页面的超链接。

问题是" DOWNLOAD"文本不替换原始链接文本。显示原始链接。它确实会导致注册页面,但同样,页面上的原始链接仍然可以显示为文本。

有什么想法吗?

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

3 个答案:

答案 0 :(得分:1)

应该是:

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

属性为innerHTML,最后一部分全部为大写。而且您不需要在链接中嵌套另一个链接。

答案 1 :(得分:1)

看起来你有大写问题 - 它应该是innerHTML。您还可以删除代码的其他部分:

function replaceLinks() {
var links = document.getElementsByTagName('a');

for (var i = 0; i < links.length; i++) {
    console.log(links);
    links[i].innerHTML = 'DOWNLOAD';
    links[i].href = 'register.php';
    }
};

答案 2 :(得分:0)

以jQuery的方式,

function replaceLinks() {
    var links = $('a');
    for (var i = 0; i < links.length; i++) {
        links[i].html('DOWNLOAD register here.');
        links[i].attr('href') = 'register.php';
    }
}