通过JavaScript创建手风琴

Question

我正在使用Javascript，没有jQuery。

到目前为止，我已经完成了手风琴标题面板的工作：

var accordion = document.createElement('div');
            accordion.className = 'panel-group';
            accordion.id = 'accordion';
            document.getElementById('navgroupsframe').appendChild(accordion);

            var panel = document.createElement('div');
            panel.className = 'panel';
            panel.style.marginLeft = '-15px';
            accordion.appendChild(panel);

            var panelheading = document.createElement('div');
            panelheading.className = 'panel-heading';
            panel.appendChild(panelheading);

            var paneltitle = document.createElement('div');
            paneltitle.className = 'vgroupholder panel-title'

但是，我想到达这里：

<div class="panel-group" id="accordion">
                            <div class="panel" style="margin-left: -15px;">
                            <div class="panel-heading">
                                <div class="vgroupholder panel-title" data-parent="#accordion" data-toggle="collapse" href="#title1" onclick="removevBgs();">

我该如何做？ （添加data-parent等，仅使用Javascript，不使用jQuery。）>

谢谢。

我正在使用Javascript，没有jQuery。到目前为止，在手风琴标题面板中，我已经完成了此操作：var手风琴= document.createElement（'div'）;手风琴.className ='panel-group'; ...

Answer 1

您可能考虑创建父元素，然后将所有其余的注入旧的innerHTML，因为您没有使用JQuery：）