i want to remove text that is between any HTML tags :
example :
<div>
<h1>Title</h1>
</div>
my var result should be :
<div>
<h1></h1>
</div>
-
6stackoverflow.com/questions/1732348/…Stephen Gilboy– Stephen Gilboy2014-01-06 17:36:37 +00:00Commented Jan 6, 2014 at 17:36
-
6Use the DOM, seriously.elclanrs– elclanrs2014-01-06 17:36:44 +00:00Commented Jan 6, 2014 at 17:36
-
1If you want to modify live tags on a page, just set their textContent empty.Stephen Thomas– Stephen Thomas2014-01-06 17:42:21 +00:00Commented Jan 6, 2014 at 17:42
-
loop through all the childern of body tag and $(this).empty() its cotentAlex Shilman– Alex Shilman2014-01-06 17:42:54 +00:00Commented Jan 6, 2014 at 17:42
-
1blanking the textContent or using empty() on everything could destroy sub-nodes...dandavis– dandavis2014-01-06 17:52:08 +00:00Commented Jan 6, 2014 at 17:52
Add a comment
|
6 Answers
If, as your question suggests, you want to remove all text from between any HTML tags… only the real DOM is going to cut it.
function removeAllTextNodes(node) {
if (node.nodeType === 3) {
node.parentNode.removeChild(node);
} else if (node.childNodes) {
for (var i = node.childNodes.length; i--;) {
removeAllTextNodes(node.childNodes[i]);
}
}
}
This, unlike textContent and innerHTML, will keep all existing element structure in place and remove only text.
If you really have a string and are using client-side JavaScript in a browser, and the string represents part of a document’s content (and not an entire document – i.e. you won’t find any DTD, <html>, <head>, or <body> elements within), then you can parse it just by putting it into an element:
var container = document.createElement("div");
container.innerHTML = htmlString;
removeAllTextNodes(container);
return container.innerHTML;
Otherwise, you’ll probably want an HTML parser for JavaScript. Regular expressions, as it’s been noted, aren’t great at parsing HTML.
Comments
VANILLA JS TO THE RESCUE
var x = document.getElementsByTagName("h1");
for (var i=0; i<x.length; i++) {
x[i].innerHTML = "";
}
Just insert any tag you'd like and wallah, no need for regex, or a 90kb library.
Comments
Javascript is already able to accomplish this with built in functions in a way that in conceptually superior to regex
<div>
<h1 id="foo">Title</h1>
</div>
<script>
document.getElementById("foo").textContent = ""
</script>
1 Comment
Benjamin Gruenbaum
innerText is non-standard and will not work in browsers like Firefox. It's an IE extension that chrome supports to work better on IE sites. Maybe you meant .innerHTML or .textContent ?You would probably want to do something like this;
var elements = document.getElementsByTagName('*');
for(var i = 0; i < elements.length; i++) {
var element = elements[i];
if(element.children.length === 0) {
elements[i].textContent = '';
}
}
This
- Finds all elements
- Loops through them
- Removes any text content
Docs:
You can also make this re-usable like so
var removeAllText = function() {
var elements = document.getElementsByTagName('*');
for(var i = 0; i < elements.length; i++) {
var element = elements[i];
if(element.children.length === 0) {
elements[i].textContent = '';
}
}
}
Then whenever you want you can do this
removeAllText();
5 Comments
Gary
Would this be inside the function
nukeThisPage()?
iConnor
Yeah, or inside
if (!jQuery) { nukeThisPageYouHater() } ;)
Ry-
This is pretty pointless with a
*; it’s equivalent to document.documentElement.removeChild(document.head); document.documentElement.removeChild(document.body);, usually.iConnor
@minitech how about now?
iConnor
I forgot for a second that removing the text removes the elements too :)
Don't use regex. Use something like loadXMLDoc() to parse the DOM and print the tags, instead of trying to remove the values from within the tags.
1 Comment
Benjamin Gruenbaum
HTML is not valid XML.
Tested i JS and work for me:
String.replace(/<yourtag>[\s\S]*<\/yourtag>/g, "");
