我正在使用 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>
<li id="item2" data="icon: 'base.gif', url: 'page2.htm', target: 'AccessPage'">Item 2 Title</li>
<li id="item3" data="icon: 'base.gif', url: 'page3.htm', target: 'AccessPage'">Item 3 Title</li>
<li id="item4" data="icon: 'base.gif', url: 'page4.htm', target: 'AccessPage'">Item 4 Title</li>
</ul>
</li>
</ul>
</div>
但是我试图更改项目上的图标,无论它是否被选择或不仅使用JavaScript.
我想使用的新图标是base2.gif
我尝试过使用以下方法,但似乎不起作用:
document.getElementById('item1').data = "icon: 'base2.gif', url: 'output.htm', target: 'AccessPage', output: '1'";
有人知道我可能做错了什么吗?
Use the setAttribute
method:
document.getElementById('item1').setAttribute('data', "icon: 'base2.gif', url: 'output.htm', target: 'AccessPage', output: '1'");
但您确实应该使用数据,后跟破折号及其属性,例如:
<li ... data-icon="base.gif" ...>
要在 JS 中执行此操作,请使用dataset
财产:
document.getElementById('item1').dataset.icon = "base.gif";
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)