How to detect an empty space on a web page

Question

Is there a way to detect an empty area, without text or images within a web page, using JavaScript?

More precisely, how to determine whether point [x,y] is within a blank area, like in the following example (marked in red)

EDIT: I want to make my question clearer, I'm building an extension which supposed to mark search results as trustworthy or as spam, I want to put my marking at the end of the text of a result item URL. I also want to do it in a generic way, so it wouldn't work only in Google web page. an example is shown below:

Answer 1

You can test for genuine white space like this :

function isWhiteSpace(coords) {
    var element = document.elementFromPoint(coords.x, coords.y);
    var whitespace = $(document).add("body, html");
    return (whitespace.get().indexOf(element) > -1) ? true : false;
}

where coords is an object with .x and .y properties.

DEMO

document.elementFromPoint(), documented here, is "an experimental technology", so I wouldn't trust my life to it. Test thoroughly on all target platforms.

---

Edit

For the full detection of all the white you seek, isWhiteSpace() would be the first of two stages. The second stage would be isVisualWhiteSpace() implemented with @remdevtec's approach for example.

As my isWhiteSpace(coords) is inexpensive, you would perform it first and only if it returned false go for the expensive test. You could use the protective property of ||

var isWhite = isWhiteSpace(coords) || isVisualWhiteSpace(coords);

But your real problem will be writing isVisualWhiteSpace(). I can't help with that.