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 binations, but it doesn't work? Any ideas?

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 binations, but it doesn't work? Any ideas?

• javascript
• tabs
• title
• dojo

3 Answers 3

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.

This is what worked for me, not only for title but for any property:

First include "dijit/registry" (https://dojotoolkit/reference-guide/1.10/dijit/registry.html)

Then in code do:

var summaryContent = registry.byId("summaryContent");
summaryContent._set("title", "new title here");
//Set something like the icon
summaryContent._set("iconClass", "summary-icon");

1. Get the instance of the div by using "dijit.byId".
2. As you have created the instance by using dijit ("dijit.byId"), so use the method 'set' to set the value to the property.

Code: dijit.byId("summaryContent").set("title", "New Title");

*New Title: is the title which you want to set.