问题描述

按钮添加超级链接，应该怎么改改，或者超链接是按钮样式

 <html>
<head>

</head>

<body>

<div id = "txt">
<form>
<input type="submit" value="submit" />
</form>
ddss
 </div>

<script language="JavaScript"> 

document.getElementById("txt").innerHTML = document.getElementById("txt").innerHTML.replace(/(submit)/gi,"<a href=http://www.baidu.com><font color=green>$1</font></a>"); 

 </script>  

</body>

</html>

解决方案

不能使用jquery操作文档不是太方便。查找元素很难写。
下面给你个不用js的版本。

 <!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        .button {
            display: block;
            width:120px;
            text-align:center;
            border: 1px solid red;
            background-color: white;
            color:red;
            text-decoration:none;
            padding:3px;
        }
    </style>
</head>
<body>
    <a class="button" href="baidu.com">去百度</a>
</body>
</html>

解决方案二：

用jquery作万能跳转。代码如下

 <!DOCTYPE html>
<html lang="zh-cn" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <script type="text/javascript" src="../jquery/jquery-1.11.1.min.js"></script>
</head>
<body>
    <button data-href="http://www.baidu.com">去百度</button>
    <span data-href="http://taobao.com">去淘宝</span>
    <script type="text/javascript">
        $("[data-href]").on('click', function (event) {
            window.location.href = $(this).attr("data-href");
        });
    </script>
</body>
</html>

解决方案三：

你的是提交按钮。加链接了你是要提交表单还是转到链接？这种要求原本就是冲突的，做好描述清楚你要干嘛