<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>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。