Question

我正在尝试构建一个简单的“表单”，您可以在其中输入“从”地址和“到”地址并点击“确定”。

我希望脚本使用“from”和“to”以及预设文本“maps.google.com/dir/ from / to”并将href值更改为该链接。

以下是我从类似教程中获得的内容：

    <script type="text/javascript">
function getlinks(){
    var from = document.getElementById('from').value;
    var to = document.getElementById('to').value;
    var lnkgm = document.getElementById('lnkgm');
    lnkgm.href = "https://www.google.de/maps/dir/" + from + "/" + to;
}
</script>
From: <input type='text' id='from' value='' /><br>
To: <input type='text' id='to' value='' /><br>
<input type='button' onclick='getlinks()' value='OK'/><p>
<a href="lnkgm"><img src="image.png"></a>

这种工作在使用“innerHTML”的文本版本中，但我希望脚本更新

任何指针？

非常感谢你！

Answer 1

只需将href属性更改为id：

<a href="lnkgm">

要

<a id="lnkgm" href="#">

当您尝试按ID（document.getElementById('lnkgm')）获取元素时，您必须设置它的id属性。

演示：

function getlinks(){
    var from = document.getElementById('from').value;
    var to = document.getElementById('to').value;
    var lnkgm = document.getElementById('lnkgm');
    lnkgm.href = "https://www.google.de/maps/dir/" + from + "/" + to;
  console.log(lnkgm.href);
}

From: <input type='text' id='from' value='' /><br>
To: <input type='text' id='to' value='' /><br>
<input type='button' onclick='getlinks()' value='OK'/><p>
<a id="lnkgm" href="#"><img src="image.png"></a>

Answer 2

您忘记将ID添加到链接中：

<a id="lnkgm" href="lnkgm"><img src="image.png"></a>

使用javascript更改目标链接

2 个答案: