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

Set element inner HTML

PreviousSet element inner textNextOpen URL in sidebar modal

Last updated 5 months ago

Use the action Charles: Set Element Inner HTML workflow action and give it a CSS selector and a HTML input, EG: 

<span id="mySpan" style="color:blue; font-weight:bold; 
background-color:yellow; padding:5px; border-radius:5px;">Charles Rocks!</span>

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