JSFiddle - React, Tailwind, and code Playground

by shoe788

HTML

<!-- this will work as a sibling element -->
<input id="myTextBox1" data-dojo-type="dijit/form/TextBox" type="text" />

<!-- but a toolbar will break this -->
<!--<div id="toolbar1" data-dojo-type="dijit/Toolbar"><div>-->

<input id="myTextBox2" data-dojo-type="dijit/form/TextBox" type="text" />
<div id="textNode"></div>

JavaScript

require(["dojo/parser","dojo/ready","dojo/dom", "dijit/registry", "dijit/form/TextBox"],
  function(parser,ready, dom, registry) {
    ready(function() {
        parser.parse();
        var widget = registry.byId("myTextBox2");
        if (widget){
          var dNode = widget.domNode;
          dom.byId("textNode").innerHTML = "Found my text box.";
        }else{
          dom.byId("textNode").innerHTML = "Could not locate my text box widget!";
        }
    });
});