Selenium. Find element by class and remove it from DOM using JS

Question

The code that worked for me well. I get the quantity of messages first and then remove it.

    public static void RemoveMSGs()
    {
        // Remove messages from DOM using JS
        int MessagesOnThePage = Program.ChromeDriver.FindElementsByClassName("GLS-JUXDKAD").Count;
        Console.WriteLine("Total messages: " + MessagesOnThePage);

        while (MessagesOnThePage != 0)
        {
            MessagesOnThePage--;
            {
                try
                {
                    Program.js.ExecuteScript("var ele = document.querySelector('.GLS-JUXDKAD'); ele.parentNode.removeChild(ele); "); // This code removes the whole message
                    Console.WriteLine("JS execution command: remove message on the page. Total messages on the page: " + MessagesOnThePage);
                }
                catch
                {
                    Console.WriteLine("JS error. Can't remove message on the page. There is no more messages. Total messages: " + MessagesOnThePage);
                }
            }
        }
    }

gurvinder372 · Accepted Answer · 2017-11-23 06:22:34Z

2

Just wrap the following lines in your selenium code

var ele = document.querySelector('GLS-JUXDFAD');
ele.parentNode.removeChild( ele );

edited Nov 23, 2017 at 6:22

answered Nov 23, 2017 at 5:52

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Selenium. Find element by class and remove it from DOM using JS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related