How to check if Html element has a background-image css property in WebBrowser control C#

Question

here is my code :

var allEles = webBrowser1.Document.All;
        foreach (HtmlElement item in allEles)
        {
            if (item.TagName.ToLower() == "div")
            {
                if(//Here i want to check if div has a background-image css property)
                {
                    //do anything
                }
            }
        }

i searched a lot to no avail :(

Answer 1

I wrote my own extension method :

public static class Extensions
{
    public static bool hasBackgroundImage(this HtmlElement ele, string cssFolderPath)
    {
        string styleAttr = ele.Style.ToLower();
        if (styleAttr.IndexOf("background-image") != -1 || styleAttr.IndexOf("background") != -1)
        {
            if (styleAttr.IndexOf("url") != -1)
            {
                return true;
            }
        }
        string[] classes = ele.GetAttribute("className").Split(' ');
        foreach (string className in classes)
        {
            if (className.Trim() == "")
            {
                continue;
            }
            System.IO.DirectoryInfo d = new System.IO.DirectoryInfo(cssFolderPath);
            foreach (System.IO.FileInfo item in d.GetFiles().Where(p => p.Extension == ".css"))
            {
                string cssFile = System.IO.File.ReadAllText(item.FullName);
                int start = cssFile.IndexOf(className);
                if (start != -1)
                {
                    string sub = cssFile.Substring(start + className.Length);
                    int end = sub.IndexOf('}');
                    string cssProps = sub.Substring(1, end).Replace("{", "").Replace("}", "").ToLower();
                    if (cssProps.IndexOf("background-image") != -1 || cssProps.IndexOf("background") != -1)
                    {
                        if (cssProps.IndexOf("url") != -1)
                        {
                            return true;
                        }
                    }
                }
            }
        }
        return false;
    }
}

and now i can call my method :

var allEles = webBrowser1.Document.All;
    foreach (HtmlElement item in allEles)
    {
        if (item.TagName.ToLower() == "div")
        {
            if(item.hasBackgroundImage("myCssFolderPathHere"))
            {
                //do anything
            }
        }
    }

but this working only if am running a local html file .... because you must throw the css folder path as a parameter in my extension method , and thats what i was looking for :)