Question

For example, given the dijit.ContentPane tab below, how do I programmatically change the title “Summary” to something else?

<div id="summaryContent" class="tabClass" dojoType="dijit.layout.ContentPane" title="Summary" selected="true">

I tried:

dojo.byId('summaryContent').title
document.getElementById('summaryContent').style.title

…as well a bunch of other combinations, but it doesn’t work? Any ideas?

Answer 1

Just two small mistakes: first, to get a dijit instance (e.g. the dijit.layout.ContentPane javascript object, not the DOM node) you have to use dijit.byId, and secondly, setting a property on a dijit is done with the set method. So:

dijit.byId("summaryContent").set("title", "My new awesome title");

.. should do the trick.