Manipulating the Page

Note

The API changed significantly in version 4. See the changelog for details.

Overview

TkinterWeb provides a handful of functions that allow for manipulation of the webpage. They are fashioned after common JavaScript functions.

How-to

To manipulate the Document Object Model, use the document property of your HtmlFrame or HtmlLabel widget. For example, to create a heading with blue text inside of an element with the id “container”, one can use the following:

yourhtmlframe = tkinterweb.HtmlFrame(root, messages_enabled=True)
yourhtmlframe.load_html("<div id='container'><p>Test</p></div>")
container = yourhtmlframe.document.getElementById("container")
new_header = yourhtmlframe.document.createElement("h1")
new_header.textContent = "Hello, world!"
new_header.style.color = "blue"
container.appendChild(new_header)

Binding to an element

To manage bindings on HTML elements, simply use bind() and unbind() (new in version 4.9):

container = yourhtmlframe.document.getElementById("container")

def callback(event):
    print("Woah this is cool!")

container.bind("<Button-3>", callback)

---

See the Document Object Model Documentation for a complete list of supported commands.

See Using JavaScript for information on manipulating the DOM through JavaScript.

Please report bugs or request new features on the issues page.