Theming

Use Drupal.theme for HTML Markup in JavaScript for Drupal 8, 9, 10, and 11

Last updated
Categories
Up-to-date with minor version
11.0.x

In Drupal, whenever we output markup it's best practice to use a Twig template or a theme function. But whenever you need to output DOM elements within JavaScript the best practice is to use the Drupal.theme function. This function ensures that the output can be overridden just like the HTML output by Twig. This tutorial covers how to use the Drupal.theme function in your JavaScript when inserting DOM elements, as well as how to replace the markup output by other JavaScript code that is using the Drupal.theme function.