[论坛提问] 点击按钮修改HTML a标记的名称和链接

下面是代码，怎么点击修改按钮，弹出输入框，输入内容后，点击确定，然后下面的“淘宝”就变成其他的名称和链接。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
.box{
width:50%; margin-top:10%; margin:auto; padding:28px;
height:350px; border:1px #111 solid;
display:none; /* 默认对话框隐藏 */
}
.box.show{display:block;}
.box .x{ font-size:18px; text-align:right; display:block;}
.box input{width:80%; font-size:18px; margin-top:18px;}
</style>
<script>
function change(n){
document.getElementById('inputbox').style.display=n?'block':'none'; /* 点击按钮打开/关闭对话框 */
}
</script>
</head>
<body>
<div id="div1">
<input type="button" onClick="change(1)" value="修改">
<table>
<tr>
<td width="62"><a target="_blank">淘宝</a></td>
<tr>
<td><a target="_blank">tmall</a></td>
</tr>
<tr>
<td><a target="_blank">jd</a></td>
</tr>
</tr>
</table>
</div>
<div id='inputbox' class="box">
<a class='x' href=''; onclick="change; return false;">关闭</a>
<p>新名称：</p><input type="text">
<p>新网址：</p><input type="text">
<input type="button" value="确定">
</div>
</body>
</html>

复制代码

帐号		自动登录	找回密码
密码			加入黑马

0 个回复