shiter
2015-04-24 02:23
采纳率: 96.4%
浏览 3.2k
已采纳

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

 <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>
  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • Codec007 2015-04-24 07:00
    已采纳

    不能使用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>
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • Codec007 2015-04-24 02:51

    用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>
    
    评论
    解决 无用
    打赏 举报
  • 你的是提交按钮。加链接了你是要提交表单还是转到链接?这种要求原本就是冲突的,做好描述清楚你要干嘛

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题