javascript - 使用 Javascript 从 HTML 中提取 URL 并在函数中使用它

Question

我需要link从 html 中提取 URL。

<a rel="nofollow" href="link" class="1">

整个页面上只有一个这样的链接。

然后我需要a.href在这个函数中添加使用它：

function changespan() {
    var spans = document.querySelectorAll('span.image');
    for (var i = spans.length; i--; ) {
        var a = document.createElement('a');
        a.href = "http://domain.com";
        spans[i].appendChild(a).appendChild(a.previousSibling);
    }
}

Answer 1

试试这个：

function changespan() {
    var spans = document.querySelectorAll('span.image'),
        href = document.querySelector('.nofollow-link').href;
    for (var i = spans.length; i--; ) {
        var a = document.createElement('a');
        a.href = href;
        spans[i].appendChild(a).appendChild(a.previousSibling);
    }
}

但是将您的链接类更改为其他内容，然后1它不能以数字开头：

<a rel="nofollow" href="link" class="nofollow-link">Link</a>

http://jsfiddle.net/Tqv76/2/

Answer 2

document.getElementsByTagName("a")[0].getAttribute("href");

Answer 3

function changespan() {
    var spans = document.querySelectorAll('span.image');
    for (var i = spans.length; i--; ) {
        var a = document.createElement('a');
        a.href = $(".1").attr('href');
        spans[i].appendChild(a).appendChild(a.previousSibling);
    }
}