Ustaw atrybut danych za pomocą JavaScript

Używam The DynaTree (https://code.google.com/p/dynatree), ale mam problemy i mam nadzieję, że ktoś może pomóc.

Wyświetlam drzewo na stronie jak poniżej:

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

Próbuję jednak zmienić ikonę na elemencie bez względu na to, czy jest wybrany, czy nie tylkoJavaScript.

nową ikoną, której chcę użyć, jest base2.gif

Próbowałem użyć poniższych, ale wydaje się, że nie działa:

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

ktoś wie, co robię źle?

questionAnswers(2)

yourAnswerToTheQuestion