如何将html中的按钮链接到另一个类/div

沃梦达教程前端问题

2022-01-01

How can i link button in html to another class/div(如何将html中的按钮链接到另一个类/div)

本文介绍了如何将html中的按钮链接到另一个类/div的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

我有一个1页的网站，如果我点击我的按钮，我如何链接到我的页脚IDFootersite

我的代码：

<div class="openbutton">
    <a href="Footersite">
       <p style="color: white; font-size: 17px;">Contact us</p>
    </a>
</div>

但它不会下降。我如何修复此问题？

即使您可以使用锚标记来实现这一点，但这并不是唯一的方法。使用button元素可以实现这一点

HTML按钮

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

div {
  margin-top: 800px;
  width: 100px;
  height: 100px;
  background: tomato;
}

<button onclick="window.location.href='#abc'">Button</button>
<div id="abc"></div>

DEMO

如果需要锚元素，则

锚定标签

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

div {
  margin-top: 800px;
  width: 100px;
  height: 100px;
  background: tomato;
}

<a href="#abc">Link</a>
<div id="abc"></div>

这篇关于如何将html中的按钮链接到另一个类/div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

本文标题为：如何将html中的按钮链接到另一个类/div

下一篇：角度Apollo设置WatchQuery结果为可用变量