Estou usando o DynaTree (https://code.google.com/p/dynatree), mas estou com alguns problemas e espero que alguém possa ajudar.

Eu estou exibindo a árvore na página como abaixo:

<div id="tree">
        <ul>
            <li class="folder">Outputs
                <ul>
                    <li id="item1" data="icon: 'base.gif', url: 'page1.htm', target: 'AccessPage'">Item 1 Title
                    <li id="item2" data="icon: 'base.gif', url: 'page2.htm', target: 'AccessPage'">Item 2 Title
                    <li id="item3" data="icon: 'base.gif', url: 'page3.htm', target: 'AccessPage'">Item 3 Title
                    <li id="item4" data="icon: 'base.gif', url: 'page4.htm', target: 'AccessPage'">Item 4 Title
                </ul>
        </ul>
    </div>

No entanto, eu estou tentando mudar o ícone em um item, não importa se ele está selecionado ou não apenas usandoJavaScript.

o novo ícone que eu quero usar é base2.gif

Eu tentei usar o seguinte, mas parece que não funciona:

document.getElementById('item1').data = "icon: 'base2.gif', url: 'output.htm', target: 'AccessPage', output: '1'";

Alguém sabe o que eu posso estar fazendo errado?