DotNetBrowser 1.8.1 brings an update to the DOM API. Now it is possible to create new DOM elements and text nodes, append them as child nodes to the existing structure, insert node before another one, replace and remove an existing node. 

This new functionality allows to modify the whole DOM structure or the particular part of it.


The following sample demonstrates how to create a new DOM element and text node and append these new nodes as child nodes to the existing one.

using DotNetBrowser;
using DotNetBrowser.DOM;
using DotNetBrowser.Events;
using DotNetBrowser.WPF;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
namespace DOMCreateElementSample
    class Program
       public class WindowMain :Window
           private WPFBrowserView browserView;
           public WindowMain()
               Browser browser = BrowserFactory.Create();
               browserView = new WPFBrowserView(browser);
               browser.FinishLoadingFrameEvent += delegate(object sender, FinishLoadingEventArgs e)
                   if (e.IsMainFrame)
                       DOMDocument document = e.Browser.GetDocument();
                       DOMNode root = document.GetElementById("root");
                       DOMNode textNode = document.CreateTextNode("Some text");
                       DOMElement paragraph = document.CreateElement("p");
               Content = browserView;
               Width = 1024;
               Height = 768;
               this.Loaded += WindowMain_Loaded;
           void WindowMain_Loaded(object sender, RoutedEventArgs e)
               browserView.Browser.LoadHTML("<html><body><div id='root'></div></body></html>");
           public static void Main()
               Application app = new Application();
               WindowMain wnd = new WindowMain();
               var browser = wnd.browserView.Browser;