Override default link behavior on all <a> tags

override_links.js

(function(){
    var links = document.querySelectorAll('a[class="action"]');
    console.log(links)
    for(var i = 0; i < links.length; i++) {
        var el = links[i]
        var href = (function(){ return el.href })()
        var title = (function(){ return el.innerText })()
        el.onclick = function (event) {
            event.preventDefault();
            // handle click, use 'href' and 'title'
            return false
        }
        el.href = '#'
    }
})()