Datenattribut mit JavaScript festlegen

Ich verwende The DynaTree (https://code.google.com/p/dynatree), habe jedoch einige Probleme und hoffe, dass jemand helfen kann.

Ich zeige den Baum auf der Seite wie folgt an:

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

Ich versuche jedoch, das Symbol eines Elements zu ändern, unabhängig davon, ob es ausgewählt ist oder nichtJavaScript.

Das neue Symbol, das ich verwenden möchte, ist base2.gif

Ich habe Folgendes versucht, aber es scheint nicht zu funktionieren:

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

Weiß jemand, was ich falsch machen könnte?

Antworten auf die Frage(2)

Ihre Antwort auf die Frage