HTML将链接转换为按钮

时间:2016-11-07 20:10:06

标签: javascript html twitter-bootstrap

<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更改为按钮?

1 个答案:

答案 0 :(得分: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>