JavaScript 更改頁面上的鏈接？

Question

我是 JavaScript 的新手，想知道如何在帶有圖像鏈接的頁面上，即http://www.example.com/image.jpg我可以讓 JavaScript 自動更改它們以嵌入，即<img>標簽

希望這是有道理的！

謝謝

Answer 1

我們特別喜歡這里的jQuery框架，因為它使這類任務變得非常容易。 在您的頁面上使用 jQuery，您可以輕松地做到這一點：

$(document).ready(function() {
    $('a[href$=.jpg]').each(function() {
        var imageSrc = $(this).attr('href');
        var img = $('<img />').attr('src', imageSrc);

        $(this).replaceWith(img);
    });
});

這將特別適用於href屬性以.jpg結尾的<a>標簽，當然，您可以將其擴展為其他文件擴展名，但是如果 URL 不明顯，動態確定鏈接是否指向圖像會大得多挑戰。

Answer 2

您的意思是將所有圖像 url 轉換為“指向”圖像的超鏈接？

var x = document.getElementById('body');
x.innerHTML = x.innerHTML.replace(/(http:\/\/[^ ]+)/g,'<a
href="$1">$1</a>/');

我還沒有測試過這個，但它應該可以工作。 不需要第三方框架。

從這里