Question

<a href="#">
  <div class="col-md-4 promo-item item-1">
    <h3>
      Unleash
    </h3>
  </div>
</a>

我在网上有一个模板，上面（用css / bootstrap？），是一个链接的图像。我想更改它，以便它不是链接（href），而是一个可点击的按钮。

我的计划是让按钮使用JavaScript来更改页面上的某些内容，并将其基于下面的JavaScript;

<button type="button" onclick="document.getElementById('demo').innerHTML='Hello JavaScript!' ">
  Click Me!
</button>

那么如何将此href更改为按钮？

Answer 1

在bootstrap中你只需添加按钮类，它就像一个按钮

<a class='btn btn-default' ...

但是，没有理由不能将onclick属性复制到锚标记（或“href”，因为你一直在调用它）。

<小时/> 来自评论中的代码：

<div id='demo'></div>

<a onclick="document.getElementById('demo').innerHTML='Hello JavaScript!'; return false; "> Click Me!&gt; <div class="col-md-4 promo-item item-1"> <h3> Unleash </h3> </div> </a>

HTML将链接转换为按钮

1 个答案: