时间戳

首页 > 解决方案 > 向 JavaScript 链接添加按钮

javascript - 向 JavaScript 链接添加按钮

问题描述

我正在使用 JavaScript、Java Spring MVC 和 CSS html 创建一个网页。我对这种类型的编码很陌生，所以非常感谢任何帮助。基本上我想用一个“返回”按钮替换“...”的超链接。当用户在输入框中搜索时，下面会出现一个结果列表。“...”链接使他们退后一步，这就是我想用按钮替换的内容。

这是我的代码：

display=display+"<a href='javascript:exploreThis(\" "+content.pathParent+"\")'>...</a>";
display=display+"<br>";

HTML：

<form name="formExplorer" id="formExplorerId" submit="listPath()">
Path: <br /> <input type="text" name="path" id="explorerPathId">
<button onclick="undoLine(counter)"> Yes</button>                       
</form>
<div id="explorerContentAreaId"></div>

如果需要更多信息，请告诉我。

标签： javascripthtmlcss

解决方案

用于style.display隐藏（表示none）或显示（表示inline-block或block）

function changeToBack(){
 document.getElementsByClassName("search")[0].style.display="none";
 document.getElementsByClassName("back")[0].style.display="inline-block";
}
.back{
display:none;
}
<a class="search" onclick="changeToBack()" href="#">click me to see back</a>
<a href="#" class="back">back</a>

编辑您的代码添加：

function undoLine(counter){
 document.getElementsByClassName("yes")[0].style.display="none";
 document.getElementsByClassName("back")[0].style.display="inline-block";
}
.back{
display:none;
}
<form name="formExplorer" id="formExplorerId" submit="listPath()">
Path: <br /> <input type="text" name="path" id="explorerPathId">
<button class="yes" onclick="undoLine('counter')" type="button"> Yes</button>  
<button class="back" type="button"> Back</button>  
</form>
<div id="explorerContentAreaId"></div>

推荐阅读