js 让a标签不能点击事件

<a id="myLink" href="http://example.com">Click Me</a>

<script>
document.getElementById('myLink').removeAttribute('href');
</script>

<a id="myLink" href="javascript:void(0)">Click Me</a>

<a id="myLink" href="http://example.com">Click Me</a>

<script>
document.getElementById('myLink').addEventListener('click', function(event) {
    event.preventDefault();
});
</script>

<a id="myLink" href="http://example.com">Click Me</a>

<script>
document.getElementById('myLink').classList.add('disabled');
document.getElementById('myLink').addEventListener('click', function(event) {
    event.preventDefault();
});
</script>

<style>
.disabled {
    pointer-events: none;
    color: gray;
    cursor: not-allowed;
}
</style>