javascript:onclick转到特定div

我试图用div创建一个“图表”。如果用户单击next（下一步），它将显示下一个div，依此类推（这已经完成），但我试图达到的是，有时一些div会有一个带有“yes”（是）或“no”（否）按钮的问题，这些按钮将针对某个特定div

第一组-你还好吗？是-进入第2部分|否-进入第3部分

有没有办法让它充满活力？所有div都有一个ID

这是我到目前为止得到的代码

HTML

一些头衔
第一组
第2组
第3组
第4组
第5组
第6组
第7组
第8组
伊尼西奥
seguinte
后分离机

JS

var divNo=0；
职能（方向）{
var sel=document.getElementById（'main'）.getElementsByTagName（'div'）；
对于（变量i=0；i选择长度-1）{divNo=0；}
else{if（divNo<0）{divNo=sel.length-1；}}
sel[divNo].style.display='block'；
}
onload=函数（）{
莫斯特拉迪夫（“s”）；
};

我在这里找到的这个函数对我来说很好

提前感谢。

试试这个：

<p>Are You OK ?</p>
<button class="button" onclick="goToDiv(2)" style="float:left">Yes</button>
<button class="button" onclick="goToDiv(3)" style="float:left">No</button>

function goToDiv(divNo) {
  var sel = document.getElementById('main').getElementsByTagName('div');
  for (var i=0; i<sel.length; i++) { sel[i].style.display = 'none'; }
  if (divNo > sel.length-1) { divNo = 0; }
  else { if (divNo < 0) { divNo = sel.length-1; } }
  sel[divNo].style.display = 'block';
}

你还好吗

对
不
函数goToDiv（divNo）{
var sel=document.getElementById（'main'）.getElementsByTagName（'div'）；
对于（变量i=0；i选择长度-1）{divNo=0；}
else{if（divNo<0）{divNo=sel.length-1；}}
sel[divNo].style.display='block'；
}

我真的很难理解你的问题……你有在线版本还是截图？这可能有助于理解您想要做什么。为什么要使用JS呢？为什么不使用锚定标记并以这种方式引用div id呢？e、 g.“@Paul这些div都是隐藏的，只有当用户单击“下一步/上一步”或“是”或“否”时才会显示。@lonesomeday正在尝试这样做。谢谢你的努力，我已经尝试过了，没关系。但我想我会有50个或更多的div，如果把目标div放在按钮上，可能会很混乱。有可能有更具活力的东西吗？也许我将不得不尝试一种不同的方法。

var divNo = 0;
function mostraDiv(direction) {
  var sel = document.getElementById('main').getElementsByTagName('div');
  for (var i=0; i<sel.length; i++) { sel[i].style.display = 'none'; }
  switch (direction) {
    case 'inicio' : divNo = 0; break;
    case 'anterior' : divNo--;   break;
    case 'avancar' : divNo++;   break;
    case 'ultima' : divNo = sel.length-1; break;

  }
  if (divNo > sel.length-1) { divNo = 0; }
  else { if (divNo < 0) { divNo = sel.length-1; } }
  sel[divNo].style.display = 'block';
}

onload = function() {
  mostraDiv('s');
};

<p>Are You OK ?</p>
<button class="button" onclick="goToDiv(2)" style="float:left">Yes</button>
<button class="button" onclick="goToDiv(3)" style="float:left">No</button>

function goToDiv(divNo) {
  var sel = document.getElementById('main').getElementsByTagName('div');
  for (var i=0; i<sel.length; i++) { sel[i].style.display = 'none'; }
  if (divNo > sel.length-1) { divNo = 0; }
  else { if (divNo < 0) { divNo = sel.length-1; } }
  sel[divNo].style.display = 'block';
}