Find div with now innerhtml???

[nikko50]

Hey dudes!

If I have 5 div's like below and am placing innerhtml in some of them how can I find the div id where there is not innerhtml so I may use it. I would like to get the first id that there is no html or text in there so in the code below id="layer2" would be the first empty div.

<div id=layer1 style="visibility:hidden; position: absolute; top: 250; left: 20; width: 550; height: 100;  background-color: #FFFFFF; border: 2px dotted #6699FF; padding: 5px">TEST TEXT</div>
<div id=layer2 style="visibility:hidden; position: absolute; top: 360; left: 20; width: 550; height: 100;  background-color: #FFFFFF; border: 2px dotted #6699FF; padding: 5px"></div>
<div id=layer3 style="visibility:hidden; position: absolute; top: 470; left: 20; width: 550; height: 100;  background-color: #FFFFFF; border: 2px dotted #6699FF; padding: 5px">TEST TEXT</div>
<div id=layer4 style="visibility:hidden; position: absolute; top: 580; left: 20; width: 550; height: 100;  background-color: #FFFFFF; border: 2px dotted #6699FF; padding: 5px">TEST TEXT</div>
<div id=layer5 style="visibility:hidden; position: absolute; top: 690; left: 20; width: 550; height: 100;  background-color: #FFFFFF; border: 2px dotted #6699FF; padding: 5px"></div>

[xelawho]

<script type="text/javascript">
var divs=document.getElementsByTagName("div")

for (var i = 0; i < divs.length; i++) {
if (divs[i].innerHTML==""){
alert(divs[i].id+" is empty")
	}
}
</script>

[Old Pedant]

Okay, where did the Japanese at the bottom of the Atari logo come from Xelawho? Is somebody actually trying to resurrect the Atari brand?

[xelawho]

Wait... what? Did Atari die? Oh, man... and I only just updated my avatar

seriously, though - atari seems to be kicking (twitching?) still, and you can even get the classics for mobile and iPad (please don't take this to mean that I knew this before this afternoon). You should check it out - maybe some bits of your code are still rumbling around out there...

[nikko50]

Thanks for the code. One question I have is what if I just want to loop through only the div that start "layer". I have another div on the page but it doesn't start with layer. The only layer ones I have is the ones I posted.

Tracy

[xelawho]

<script type="text/javascript">
var divs=document.getElementsByTagName("div")

for (var i = 0; i < divs.length; i++) {
if (divs[i].innerHTML=="" && divs[i].id.match("layer")){
alert(divs[i].id+" is empty")
	}
}
</script>