Remove specific HTML tag with its content from javascript string

by

You should avoid parsing HTML using regex. Here is a way of removing all the <a> tags using DOM:

// your HTML text
var myString = '<table><tr><td>Some text ...<a href="#">label...</a></td></tr></table>';
myString += '<table><tr><td>Some text ...<a href="#">label...</a></td></tr></table>'
myString += '<table><tr><td>Some text ...<a href="#">label...</a></td></tr></table>'

// create a new dov container
var div = document.createElement('div');

// assing your HTML to div's innerHTML
div.innerHTML = myString;

// get all <a> elements from div
var elements = div.getElementsByTagName('a');

// remove all <a> elements
while (elements[0])
   elements[0].parentNode.removeChild(elements[0])

// get div's innerHTML into a new variable
var repl = div.innerHTML;

// display it
console.log(repl)

/*
<table><tbody><tr><td>Some text ...</td></tr></tbody></table>
<table><tbody><tr><td>Some text ...</td></tr></tbody></table>
<table><tbody><tr><td>Some text ...</td></tr></tbody></table>
*/

More Related Contents:

  1. jQuery. Find all attribute values within/under elements `script or noscript or iframe` that have attribute keys as `src or href` [closed]
  2. When I load the page the alert(“hey”) function appears, why does the js function execute despite no onClick call? How do I prevent it from doing so?
  3. How to stop event propagation with inline onclick attribute?
  4. How can I select an element by name with jQuery?
  5. What is the most efficient way to create HTML elements using jQuery?
  6. Can scripts be inserted with innerHTML?
  7. How to resolve the C:\fakepath?
  8. How can I simulate a click to an anchor tag?
  9. Finding line-wraps
  10. How to get the element clicked (for the whole document)?
  11. What is offsetHeight, clientHeight, scrollHeight?
  12. How can I get the DOM element which contains the current selection?
  13. How to avoid the need for ctrl-click in a multi-select box using Javascript?
  14. How to Implement DOM Data Binding in JavaScript
  15. Can I load an entire HTML document into a document fragment in Internet Explorer?
  16. Getting value of HTML Checkbox from onclick/onchange events
  17. Select all elements with a “data-xxx” attribute without using jQuery
  18. Get the DOM path of the clicked
  19. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  20. contentDocument for an iframe
  21. Why does getElementById not work on elements inside the document element? [duplicate]
  22. Jquery Event Not Triggering for DOM Elements Created after page load [duplicate]
  23. Does HTML Hidden control have any events? Like onchange or something?
  24. How to add DOM element script to head section?
  25. Get elements from page.evaluate in Puppeteer? [duplicate]
  26. Getting HTML elements by their attribute names
  27. How to escape HTML
  28. User Activity Tracking using javascript library [closed]
  29. Is there a way to know if a link/script is still pending or has it failed
  30. What is the best way to parse html in google apps script

Leave a Comment