Javascript : Cycle Div IDs w/Prefix & Reset HTML

I need a simple snippet to cycle through all the DIVs in a document with the ID prefix of "VALIDATIONRESPONSE." and reset the internal HTML

So there could be 10 DIVs with unique names like "VALIDATIONRESPONSE.email_addr" and "VALIDATIONRESPONSE.first_name"

I need a JS snippet to cycle through the Document that resets the Internal HTML of each div to NULL (empty)

SMabsAsked:
Who is Participating?
 
leakim971Connect With a Mentor PluritechnicianCommented:
Check this :

            var divs = document.getElementsByTagName("div");
            for(var i=0;i=0;
                  if(b) {
                        divs[i].innerHTML = "";
                  }
            }

Test page :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
	window.onload= function() {
		var divs = document.getElementsByTagName("div");
		for(var i=0;i<divs.length;i++) {
			var b = divs[i].innerHTML.indexOf("VALIDATIONRESPONSE")>=0;
			if(b) {
				divs[i].innerHTML = "";
			}
		}
	}
</script>
</head>
<body>
<div>VALIDATIONRESPONSE.email_addr</div>
<div>VALIDATIONRESPONSE.first_name</div>
<div>VALIDATIONRESPONSE.email_addr1</div>
<div>VALIDATIONRESPONSE.first_name1</div>
<div>VALIDATIONRESPONSE.email_addr2</div>
<div>VALIDATIONRESPONSE.first_name2</div>
<div>ALIDATIONRESPONSE.email_addr3</div>
<div>VALIDATIONRESPONSE.first_name3</div>
<div>VALIDATIONRESPONSE.email_addr4</div>
<div>VALIDATIONRESPONSE.first_name4</div>
<div>VALIDATIONRESPONSE.email_addr5</div>
<div>ALIDATIONRESPONSE.first_name5</div>
<div>VALIDATIONRESPONSE.email_addr6</div>
<div>VALIDATIONRESPONSE.first_name6</div>
<div>VALIDATIONRESPONSE.email_addr7</div>
<div>ALIDATIONRESPONSE.first_name7</div>
<div>VALIDATIONRESPONSE.email_addr8</div>
<div>VALIDATIONRESPONSE.first_name8</div>
<div>ALIDATIONRESPONSE.email_addr9</div>
<div>VALIDATIONRESPONSE.first_name9</div>
</body>
</html>

Open in new window

0
 
SMabsAuthor Commented:
the ID of the DIVs is VALIDATIONRESPONSE.  not the content...


example:  <div id="VALIDATIONRESPONSE.email_addr"></div>

0
 
SMabsAuthor Commented:
Here, I just modified your code.. the basics were there.

switched out innerHTML for id

Thanks :)


            var divs = document.getElementsByTagName("div");
            for(var i=0;i<divs.length;i++) {
                  var b = divs[i].id.indexOf("VALIDATIONRESPONSE.")>=0;
                  if(b) {
                        divs[i].innerHTML = "";
                  }
            }
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
leakim971PluritechnicianCommented:
Test page :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="javascript">
	window.onload= function() {
		var divs = document.getElementsByTagName("div");
		for(var i=0;i<divs.length;i++) {
			var b = divs[i].id.indexOf("VALIDATIONRESPONSE")>=0;
			if(b) {
				divs[i].innerHTML = "";
			}
		}
	}
</script>
</head>
<body>
<div id=VALIDATIONRESPONSE.email_addr" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.first_name" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.email_addr1" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.first_name1" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.email_addr2" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.first_name2" >SOME TEXT</div>
<div id=ALIDATIONRESPONSE.email_addr3" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.first_name3" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.email_addr4" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.first_name4" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.email_addr5" >SOME TEXT</div>
<div id="ALIDATIONRESPONSE.first_name5" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.email_addr6" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.first_name6" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.email_addr7" >SOME TEXT</div>
<div id="ALIDATIONRESPONSE.first_name7" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.email_addr8" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.first_name8" >SOME TEXT</div>
<div id="ALIDATIONRESPONSE.email_addr9" >SOME TEXT</div>
<div id=VALIDATIONRESPONSE.first_name9" >SOME TEXT</div>
</body>
</html>

Open in new window

0
 
leakim971PluritechnicianCommented:
You're welcome! Thanks for the points!
0
 
SMabsAuthor Commented:
if you would like to take a stab at the other question I have open.. the SWITCH string comparison issue... I need it solved.
0
All Courses

From novice to tech pro — start learning today.