Question

I have a div containing initially a loader image tag.

  <img src="/images/indicator_big.gif" style="display:block;margin:auto">

I want to check if the DIV contains only the loader image then the function should trigger an Ajax Request.

If i do some thing like div.innerHTML I get it as a string.

What will be the best way to test if the innerHTML is only a loader image?

Answer 1

This method will do what you ask, although I’m not sure the general approach is the best to be honest.

function hasOnlyImg(div) {
  if (div.children.length != 1)
    return false;
  return div.children[0].tagName == "IMG";
}