Charles
  • Introduction
    • 👋Welcome
  • Getting started
    • Quickstart guide
  • Opening actions
    • Popup, side bar and modal options
    • Trigger the extension with a floating button
    • Open the extension automatically on specific URLs
  • Key features
    • Features overview
    • Open website on install / uninstall
    • Get tab info
    • Get text selected by user
    • Get element text
    • Get element HTML
    • Set element inner text
    • Set element inner HTML
    • Open URL in sidebar modal
    • Open URL in fullscreen modal
    • Copy text to clipboard
    • Populate an input field
    • Simulate mouse click on an element
    • Capture screenshot
    • Open URL in new tab
    • Show native alert
    • Set an extension badge color and text
    • Change extension icon
    • Close extension
    • Save to Chrome storage
    • Injecting custom javascript
  • Extending Charles
    • Extending Charles with your own Javascript
  • Publishing to the Chrome Webstore
    • Prepare extension for submission
    • Registering as a Chrome Webstore developer
    • Publishing your extension
  • FAQ
    • Common questions
  • Troubleshooting
    • Charles Data Elements do not receive any values
    • Cannot log in (cookie issues)
    • Support
Powered by GitBook
On this page
  1. Key features

Get element HTML

PreviousGet element textNextSet element inner text

Last updated 6 months ago

  1. Place the Charles: Element HTML element on the page

  2. Give it a value for the selector that matches the element you want to select, eg. html to select the whole html document:

Please note that Charles will automatically select the first element that matches the selector.

Learn more about CSS selectors:

  • https://www.w3schools.com/jsref/met_document_queryselector.asp

  • https://www.w3schools.com/css/css_selectors.asp

  • https://www.w3schools.com/cssref/css_selectors.php