valor obtener eliminar data borrar atributos atributo agregar javascript dom dynatree

obtener - Establecer el atributo de datos usando JavaScript



obtener el valor de un atributo js (2)

Estoy usando The DynaTree (https://code.google.com/p/dynatree) pero estoy teniendo algunos problemas y espero que alguien pueda ayudar ...

Estoy mostrando el árbol en la página como a continuación:

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

Sin embargo, estoy tratando de cambiar el ícono de un ítem sin importar si está seleccionado o no solo usando JavaScript .

el nuevo icono que quiero usar es base2.gif

He intentado usar lo siguiente, pero parece que no funciona:

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

Alguien sabe lo que podría estar haciendo mal?


Por favor use el conjunto de datos

var article = document.querySelector(''#electriccars''), data = article.dataset; // data.columns -> "3" // data.indexnumber -> "12314" // data.parent -> "cars"

entonces en tu caso para establecer datos:

getElementById(''item1'').dataset.icon = "base2.gif";


Use el método setAttribute :

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

Pero realmente debería usar datos seguidos con un guión y con su propiedad, como:

<li ... data-icon="base.gif" ...>

Y para hacerlo en JS utiliza la propiedad del dataset :

document.getElementById(''item1'').dataset.icon = "base.gif";