从输入type = submit

Question

我有一个div，它一直隐藏，直到单击类型为submit的输入来填充它为止，同时也取消了该div的隐藏。我希望输入单击也可以将页面跳到div所在页面上的那个位置。这是我在输入端的功能。

<input class="timeline hidden" id="time" type="submit" value="Time Line" onClick="TimeLine();" title="Display the Time Line for this net" >
<a href="#timeline"></a>

这是我在div端所拥有的。

<div id="timeline" class="hidden"></div>

这是行不通的，我不确定要使其正常工作必须做什么。

Answer 1

您可以在onclick="location.href='#timeline';"上使用input，页面将滚动到设置了ID的元素。

或者，如下面的示例所示，在您的timeLine()函数中调用它，然后隐藏div。

注意，由于我假设input类型为submit并没有实际提交任何内容，因此我将其更改为button类型。

堆栈片段

function timeLine() {
  location.href = '#timeline';
  document.querySelector('#timeline').classList.add('hidden');
}

div.marker {
  margin-top: 500px;
}

div.hidden {
  display: none;
}

<input class="timeline hidden" id="time" type="button" value="Time Line" onclick="timeLine();" title="Display the Time Line for this net" >
<a href="#timeline"></a>


<div class="marker">Marker for hidden div</div>
<div id="timeline" class="">Temporay text</div>