Remove any text not inside element tag on a web page with JavaScript?

JavascriptWeb DevelopmentObject Oriented Programming

To remove text, use the concept of remove(). Use filter to get the content not inside element tag.

Let’s say the following is our HTML −

<div><h1>Demo Program</h1></div>
This is also Demo Program

And we have to remove “This is also Demo Program” since it is not under element tag. For that, the compete code is as follows using filter() and remove() −


 Live Demo

<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<link rel="stylesheet" href="//">
<script src=""></script>
<script src=""></script>
<div><h1>Demo Program</h1></div>
This is also Demo Program
      return this.nodeType != 1;

To run the above program, save the file name “anyName.html(index.html)” and right click on the file. Select the option “Open with Live Server” in VS Code editor.


This will produce the following output −

Published on 03-Sep-2020 10:01:51