javascript 替换标记正则表达式不依赖 html 属性

Question

i'm trying whole the time to replace such strings:

<title id="hello">my title </title>
<title >my title </title>
<title id="hello" class="blue">my title </title>

i need regex, which replace text between title-tags, undepend attributes. sadly i get only second example with this regex:

str.replace(/<\/?title>/g,'')

Has anybody ideas?

Answer 1

It's always better to avoid using regex for parsing HTML.

RegEx match open tags except XHTML self-contained tags

Using regular expressions to parse HTML: why not?

---

Instead, generate a temporary DOM element with the content and applying all the change finally get the HTML content.

 var html = `<title id="hello">my title </title> <title >my title </title> <title id="hello" class="blue">my title </title>`; // generate a temporary div elementt var temp = document.createElement('div'); // set its html content as the string temp.innerHTML = html; //do the rest here // get all title tags Array.from(temp.getElementsByTagName('title')) // iterate over the title tag and do the necessary chenges .forEach(function(ele) { ele.innerHTML = 'new content' }) // get back the updated html content from dom element console.log(temp.innerHTML);

---

Fore NodeJS refer : HTML-parser on Node.js