Remove the link tag if it contains a particular string - javascript

Question

I need to strip all the tags containing a specific string, How can I achieve this in javascript?

this is the string

<link rel="stylesheet" href="https://REMOVEME">
<link rel="stylesheet" href="https://ccc">
<link rel="stylesheet" href="https://abc/REMOVEME">
<div>yes</div>

and this the result

<link rel="stylesheet" href="https://ccc">
<div>yes</div>

Use `document.querySelectAll()` to find all the `link` tags. Loop over them, and if the `href` attribute contains the string you're looking for, remove it. — Barmar, Aug 03 '16 at 08:19

score 0 · Answer 1 · answered Aug 03 '16 at 08:25

0

htmlString.replace(/<link[^>]*href="[^>]*REMOVEME[^>]*"[^>]*>/gi,'')

answered Aug 03 '16 at 08:25

Carson Liu

86
3

score 0 · Accepted Answer · edited May 23 '17 at 10:28

Such tasks are better not done with regular expressions.

Instead use the DOM interface available to JavaScript, for instance with this ES6 function:

function removeLinks(html, match) {
    var container = document.createElement('span');
    container.innerHTML = html;
    Array.from(container.querySelectorAll('link[href*=' + CSS.escape(match) + ']'))
        .forEach( link => link.parentNode.removeChild(link) );
    return container.innerHTML;
}

// Sample input
var html = '<link rel="stylesheet" href="https://REMOVEME">' +
           '<link rel="stylesheet" href="https://ccc">' +
           '<link rel="stylesheet" href="https://abc/REMOVEME">' + 
           '<div>yes</div>';

// Remove links that match REMOVEME
html = removeLinks(html, 'REMOVEME');

// Output result
console.log(html);

Remove the link tag if it contains a particular string - javascript

2 Answers2