如何创建一个按钮来更改部分 href？

【问题标题】：How can I create a button to change part of an href?如何创建一个按钮来更改部分 href？
【发布时间】：2019-03-10 05:43:14
【问题描述】：

所以我想让用户输入文本（输入或文本区域）并在提交时替换 href 中的部分链接。

即：我的。电子邮件

所以用户提交电子邮件并仅更改合同链接中链接的电子邮件部分。

【问题讨论】：

现有的 href 值是什么样的？（也不清楚I.e.: < id="user-form" Textarea> My. Email 是什么意思。）

标签： javascript html css

【解决方案1】：

你只需要有你的源网址，然后用输入喂它

function changeURL(){
var source = "https://www.google.com/"
var input  = document.getElementById("getData").value
document.getElementById("link").href = source + input
console.log(document.getElementById("link").href)
document.getElementById("getData").value = ""
}

<input id="getData" placeholder="email"/>
<br/>
<a id="link" href="https://www.google.com"> link </a>
<br/>
<button onclick="changeURL()">Click me </button>

【讨论】：