Javascript regex to replace HTML FONT Tag

Question

I have a html string like This is some content.... Now using javascript regex I want to remove the font tag with id test and the span tag with their associated closing tags.

So that the output becomes This is some content... .How to do this ?

Don't use regexes on HTML: http://stackoverflow.com/questions/1732348/regex-match-open-tags-except-xhtml-self-contained-tags/1732454#1732454 JS is already perfectly capable of manipulating the DOM without any regexes at all. — Marc B, Nov 04 '11 at 15:43

Alex Turpin · Accepted Answer · 2011-11-04T15:58:03.063

1

It is generally agreed upon that using Regex to parse HTML is a bad idea. I would recommend you use jQuery to parse this into DOM elements and then manipulate it.

var content = $('<FONT id="test" face="Arial"><SPAN><P>This is some content...</P></SPAN></FONT>').find('span').children();

Or use (but I wouldn't recommend it) the DOM api itself:

var str = '<FONT id="test" face="Arial"><SPAN><P>This is some content...</P></SPAN></FONT>';
var div = document.createElement('div');
div.innerHTML = str;
var newStr = div.getElementsByTagName('span')[0].innerHTML;
console.log(newStr);

http://jsfiddle.net/hhRYX/

edited Nov 04 '11 at 15:58

answered Nov 04 '11 at 15:47

Alex Turpin

46,743
23
113
145

is there any way to achieve the same not using jquery,i.e using plain javascript – Hector Barbossa Nov 04 '11 at 15:49

score 0 · Answer 2 · answered Nov 04 '11 at 15:50

You could try this -> http://jsfiddle.net/manseuk/hAPzQ/

script :

var testdom = document.getElementById('test');
var replacedom = testdom.childNodes[0].childNodes[0];
testdom.parentNode.replaceChild(replacedom,testdom);

.replaceChild() is cross-browser -> http://www.quirksmode.org/dom/w3c_core.html#nodemanipulation

Javascript regex to replace HTML FONT Tag

2 Answers2