Question

所以我有以下问题。我有一个标题和描述写在同一行。我想使用javascript在下一个div中移动描述。我有多个项目，我试图对每个项目都有相同的效果，而不写6个函数，每个一个我做错了什么？

<div class="panel-group" id="accordion">
        <div class="panel panel-default" >
            <center>
                <a href="#collapse1" data-toggle="collapse" data-parent="#accordion" style="text-decoration:none; color: black ;">
                    <div id="panel1" class="panel-heading" onclick="doIt(this.id)">

                        <h4 class="panel-title" style="display:inline-block;">

                            President 3
                        </h4>

                        <h6 id="move1" href="#collapse1" data-toggle="collapse" data-parent="#accordion" style="display: inline-block;">-Scurta descriere president 3</h6>

                    </div>

                </a>
            </center>
        </div>
        <div id="collapse1" class="panel-collapse collapse">
            <div class="panel-body">
                <center id="div1">
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                    </p>
                </center>
            </div>
        </div>

这是html代码的一部分：

{{1}}

Answer 1

你有2个错误：
1- (var i = 1; i <= 6: i++) =＆gt;循环中的语法错误for (var i = 1; i <= 6; i++)
2- js文件未加载

jsFiddle：https://jsfiddle.net/nqym3s4b/3/

Answer 2

javascript代码中存在语法错误（for循环）。首先纠正，然后看下一期。

let panels = document.getElementsByClassName('panel-heading');

for (var i = 0; i < panels.length; i++) {
  panels[i].addEventListener('click', doIt, false);
}

另外，请勿使用onclick事件。尝试添加事件侦听器。 jsFiddle here

未捕获的ReferenceError：在HTMLDivElement.onclick中未定义doIt

2 个答案: