Innermost div

Select innermost div

by Raman Mandal

HTML

<div>
    <p>First</p>
    <div>
        <p>Second</p>
        <div>
            <p>Third</p>
            <div>
                <p>Fourth</p>
                <p>Fifth</p>
            </div>
        </div>
    </div>
</div>

JavaScript

var element;
length=document.getElementsByTagName('div').length;

for(i=0;i<length;i++){
	element=document.getElementsByTagName('div')[i];
	hasDivChild=false;
	for(j=0;j<element.childNodes.length;j++){
		if(element.childNodes[j].nodeName=="DIV") hasDivChild=true;
	}
	if(!hasDivChild) element.style.border="1px solid red"; //Bordering red to the innermost div tag
}