更改href位置

时间:2015-03-16 18:12:23

标签: html html5

我想在单击第一段时更改href的链接。我尝试设定一个目标,但似乎没有效果。



<a href="https://youtu.be/DM1sdIntawg" target="youtube">
  <p>Click to change the link to the video</p></a>

<a id="youtube" name="youtube" href="https://youtu.be/XphhA4djzko">
  <p>This is the changed link to the video</p></a>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

如果没有客户端javascript,我不相信这是可能的(虽然我不确定HTML5的功能)

试试这个内联代码......

<a href="https://youtu.be/DM1sdIntawg" onclick="document.getElementById('youtube').href = this.href;return false;">
  <p>Click to change the link to the video</p></a>
    
<a id="youtube" name="youtube" href="https://youtu.be/XphhA4djzko">
  <p>This is the changed link to the video</p></a>

或者使用函数同样的事情......

function changeLink(ctrl) {
  document.getElementById("youtube").href = ctrl.href;
}
<a href="https://youtu.be/DM1sdIntawg" onclick="changeLink(this);return false;">
  <p>Click to change the link to the video</p></a>
    
<a id="youtube" name="youtube" href="https://youtu.be/XphhA4djzko">
  <p>This is the changed link to the video</p></a>