javascript - 如何正则识别并转换HTML代码中的链接？

问题描述

问 题

<a href="https://example.com/?p=540#more-540" class="more-link">read more</a>

或

<a href="/?p=540#more-540" class="more-link">read more</a>

HTML代码中有上述链接，通过一个正则，能够将上述链接转换成 <!--more-->，请问这个JS的正则怎么写？

---

<span id="more-540"></span>

HTML代码中有上述span，通过一个正则，能够将上述span转换成 <!--more-->，请问这个JS的正则怎么写？

这个问题已被关闭，原因：问题已解决 - 问题已解决，且对他人无借鉴意义

解决方案

window.onload = function () {
    var links = document.getElementsByTagName("a");
    for(var i = 0; i < links.length; i++) {
        var href = links[i].getAttribute("href");
        if(href.match(/.*example\.com.*/i)) {
           links[i].parentNode.replaceChild(document.createComment("more"),links[i]);
        }
    }
}

这篇关于javascript - 如何正则识别并转换HTML代码中的链接？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！