Я использую DynaTree (https://code.google.com/p/dynatree), но у меня возникли некоторые проблемы, и я надеюсь, что кто-то может помочь ..

Я отображаю дерево на странице, как показано ниже:

<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>

Однако я пытаюсь изменить значок элемента независимо от того, выбран он или нет, используя толькоJavaScript.

новая иконка, которую я хочу использовать - base2.gif

Я пытался использовать следующее, но оно не работает:

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

Кто-нибудь знает, что я могу делать не так?