How to remove an HTML element programatically from web browser control?

Question

I use a web browser control and the document is loaded with an HTML page. I want to remove an element programmatically form the document.

Can any one guide me how can I remove any element by ID or name attribute?

http://stackoverflow.com/questions/5006825/converting-webbrowser-document-to-a-bitmap — Thomas, Mar 01 '13 at 19:27

score 11 · Answer 1 · edited Oct 27 '15 at 11:29

11

webbrowser.Document.GetElementById("element").OuterHtml = "";

edited Oct 27 '15 at 11:29

Tasos K.

7,979
7
39
63

answered Oct 27 '15 at 09:18

Mohammad Reza Nadernia

149
1
5

Yes, this works, is simpler than Hanlet's solution and also has the advantage of not having to use `dynamic`. – JonP Sep 30 '16 at 12:27
not all elements can be removed by setting OuterHTML. When trying to do that for a `TBODY` tag for example, you get `System.NotSupportedException: 'Property is not supported on this type of HtmlElement.'` probably because you cannot remove tags that are a structural part of an HTML element. In this case you have to go up and remove the parent. – Alex P. Mar 24 '20 at 17:16

score 9 · Accepted Answer · answered Feb 19 '13 at 20:13

You can accomplish this using the Microsoft.mshtml library. I accomplished it using the power of the dynamic datatype:

private void Form1_Load(object sender, EventArgs e)
{
    webBrowser1.Navigate("https://www.google.com/");
}

private void webBrowser1_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    if (e.Url.ToString() == "https://www.google.com/")
    {
        dynamic htmldoc = webBrowser1.Document.DomDocument as dynamic;
        dynamic node = htmldoc.getElementById("lga") as dynamic;
        node.parentNode.removeChild(node);
    }
}

score 3 · Answer 3 · edited Jun 15 '18 at 06:33

3

It is the VB.Net version. I tried removing MsHTML. but referencing that library has its own problem. The below is not a direct answer but can be workaround to stop loading external resources using iframes.

 For Each FrameElement As HtmlElement In WebBrowser1.Document.GetElementsByTagName("iframe")
 Debug.Print(FrameElement.OuterHtml)
 FrameElement.OuterHtml = Nothing
 Next

edited Jun 15 '18 at 06:33

4b0

21,981
30
95
142

answered Dec 20 '14 at 06:11

Pon Saravanan

525
5
12

score 1 · Answer 4 · answered Jan 23 '15 at 22:15

1

OuterHtml Can not be modified!

This code removes Css Links from WebPage:

 Sub RemoveStylesheet()
        Dim styles As HTMLStyleSheetsCollection = WB.Document.DomDocument.styleSheets
1:
        If styles.length > 0 Then
            For Each stl As Object In WB.Document.DomDocument.styleSheets
                '     stl.removeImport(0)
                If stl Is Nothing Then Continue For
                Dim st As IHTMLElement = stl.owningElement
                '  st.href = ""
                '   MsgBox(st.tagName)
                st.parentElement.removeChild(st)
            Next
            GoTo 1
        End If

     
    End Sub

answered Jan 23 '15 at 22:15

OuterHtml didn't work for me, but parent.InnerHtml = "" works. – Dave 5709 Jul 30 '19 at 17:39
2

@Dave5709 but isn't very appropriate because that will wipe the siblings as well – Epirocks Aug 18 '20 at 15:55
@Epirocks In my use case the parent only had 1 child, but that's a good point – Dave 5709 Sep 08 '20 at 23:26

How to remove an HTML element programatically from web browser control?

4 Answers4