javascript 更改点击时的网址和文本

标签 javascript

我正在使用下面的代码,它似乎只工作了一半。

我试图做到这一点,以便当用户单击 url 时,a href 标记的文本会发生变化。

例如,用户访问我的网站。当他们单击 url“Love station”时,它会将文本和 url 替换为“Dump Station”,如果用户再次单击“Dump station”,则会将其更改回“Love Station”

目前它会将文本更改为转储站,但是一旦我再次单击它,就没有任何反应。

有什么想法吗?

<script type="text/javascript">
function lovestation() {

$.get("../lovestation.php?id=<?echo $sta->ID;?>");
document.getElementById('love').innerHTML="Dump <? echo "$sta->Title";?>"
document.getElementById('love').id="dump"
document.getElementById('love').onclick="dumpstation();"

return false;

}



function dumpstation() {
$.get("../dumpstation.php?id=<?echo $sta->ID;?>");
document.getElementById('dump').innerHTML="Love <? echo "$sta->Title";?>"
document.getElementById('dump').id="dump"
document.getElementById('dump').onclick="dumpstation();"
return false;
}


</script>

最佳答案

您将 onclick 引用为字符串:document.getElementById('dump').onclick="dumpstation();"
应该是:

document.getElementById('dump').onclick = dumpstation;

关于javascript 更改点击时的网址和文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25096106/

相关文章:

javascript - firefox 跟踪保护阻止 facebook js sdk 的异步加载

javascript - defineAsyncComponent 中的 ES6 命名导入

javascript - Angular Material md-slider : Vertical Slider will not work in md-sidenav

javascript - 解析完整的 json 并搜索与值匹配的键

javascript - 为什么window.setTimeout在IE9中抛出异常?

javascript - jQuery UI sortable 在排序时触发 css3 动画

javascript - 正则表达式检查文本框中的字符串

javascript - 通过 JavaScript 解析文本区域并显示平均值

javascript - FullCalendar - 内联可滚动日历

javascript - AngularJS 四分之三验证