Question

我正在尝试创建一个可折叠的div但是chrome控制台说“未定义不是一个功能”＃39;在线attr数据角色可折叠。你能告诉我怎么做：

var iDiv = document.createElement('div');
iDiv.id = 'sectorDiv_'+distritoPosicion;
iDiv.className = 'sectorDiv_'+distritoPosicion;
iDiv.attr('data-role', 'collapsible');
iDiv.attr('data-collapsed-icon', 'arrow-r');
iDiv.attr('data-expanded-icon', 'arrow-d');
document.getElementsById('listaSectores')[0].appendChild(iDiv);

distritoPosicion是一个数字和listaSectores是一个现有的div。

Answer 1

attr()是一个来自jQuery的方法，它是你所追求的setAttribute()。

iDiv.setAttribute('data-role', 'collapsible');
iDiv.setAttribute('data-collapsed-icon', 'arrow-r');
iDiv.setAttribute('data-expanded-icon', 'arrow-d');

你也试图让你的元素走错路。

document.getElementsById('listaSectores')[0]

它通常是getElementById（元素上没有s）并且它只返回一个元素，因此在这种情况下不需要[0]。

document.getElementById('listaSectores').appendChild(iDiv);

使用javascript创建一个可折叠的div

1 个答案: