I need to remove from HTML line all tags except div and span. How can i do this ?
example
const str = "<div><p></p><span></span></div>";
remove(str)//<div><span></span></div>
-
3You should add minimal reproducible code.DecPK– DecPK2021-07-05 03:40:58 +00:00Commented Jul 5, 2021 at 3:40
-
Are you trying to remove the tags or the HTML nodes?Pierre– Pierre2021-07-05 17:28:01 +00:00Commented Jul 5, 2021 at 17:28
Add a comment
|
3 Answers
To remove all tags excluding specific tags, you can use the following regular expression.
const str = "<div><p></p><span></span></div>";
console.log(str.replace(/(<\/?(?:span|div)[^>]*>)|<[^>]+>/ig, '$1'));
1 Comment
Eran Shmuel
This doesn't delete tags with the same start. For example, if you write (?:s|div), it won't delete span tags.
You can use regex /<\/?(?!\bdiv\b)(?!\bspan\b)\b\w+\b>/g with replaceAll
let str = "<div><oz></oz><span></span><hjk></hjk></div>";
let str1 = str.replaceAll(/<\/?(?!\bdiv\b)(?!\bspan\b)\b\w+\b>/g,'')
console.log(str1);
Comments
One option would be to use DomParser's parseFromString() method to parse the string as (temporary) HTML. You can then delete the target elements with .remove(), and finally convert back to a string with toString() if required:
const str = "<div><p></p><span></span></div>";
var parser = new DOMParser();
var htmlDoc = parser.parseFromString(str, 'text/html').body;
var spans = htmlDoc.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
spans[i].remove();
}
var parsed = htmlDoc.innerHTML.toString();
console.log(parsed);
1 Comment
RoToRa
Careful with the
for loop. getElementsByTagName returns a live collection. See stackoverflow.com/questions/23988982/…