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

Question

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

即：<id="user-form" Textarea> 我的。电子邮件

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

标签： javascripthtmlcss

Answer 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>