javascript - 使用JavaScript更改OnClick事件

我有一个HTML锚标记，例如

<a href="anchorid" onclick="callEvent(1)">

在这里，我将Javascript函数称为

<script>
function callEvent(anchor) {
    alert("Anchor ID is - "+anchor);
    document.getElementById("anchorid").onClick = function () { callEvent(0) }; // BY using this code, update the onclick callEvent(0), like toggle
}
</script>

我想更新锚标签

<a href="anchorid" onclick="callEvent(0)">

使用此代码时，它没有按照我的要求进行更新。

 document.getElementById("anchorid").onClick = function () { callEvent(0) };

如何获取更新？

最佳答案

要使用document.getElementById("anchorid")..，您需要在元素中添加id，而您目前没有，请尝试执行以下操作：

//add id to your anchor
<a href="javascript:void(0);" id="anchorid" onclick="return callEvent(1);">
    test
</a>

和js

<script type="text/javascript">
function callEvent(num) {
    alert("Anchor ID is - "+num);
    document.getElementById('anchorid').onclick = function () { callEvent(0) };
}
</script>