Replace HTML between two tags

Question

What I want to do is replace what is in between two HTML tags.

I'm using this as a reference but I'm still encountering problems: REFERENCE

This is what I've tried:

el.getValue().replace(/<form.+<\/form>/, "<div></div>");

I need to replace all my form tags dynamically.

Answer 1

If you use jQuery, just retrieve the parent element of what you'd like to be replaced, and replace the content with the .html() function.

Ex:

var formParentElement = $('#formParentElement');
formParentElement.html("<div>my new content</div>");

If you don't use jQuery:

var formParentElement = document.getElementById("formParentElement");
formParentElement.innerHTML = "<div>my new content</div>";

The example assumes the parent element of your form has an ID with value "formParentElement".

Answer 2

Yeah. I found a solution.

el.getValue().replace(/<form[\s\S]*?<\/form>/, "<div></div>");

Explanation by @[James G]: [\\s\\S]*? means [any character including space and line breaks]any number of times, and the ? makes the asterisk "not greedy," so it will stop (more quickly) when it finds </form> .

Reference