changing anchor tag into button with javascript/jquery mobile?

Question

I'm trying to change my anchor tag to a button and have it function properly but it seems when I change this:

var editButton = document.createElement('a');


        editButton.href = "#additem";

this:

var editButton = document.createElement('button');


        editButton.href = "#additem";

The button when clicked, doesn't do anything. If I switch it back however, the link works fine... my goal is essentially to change the anchor text into an actual jquery button.

I've also tried setting the attribute class to ui button but that did nothing as well. Any help would be greatly appreciated.

Answer 1

The button does not have a property of href, what you can do is lsten to the onclick event of the button like this:

var editButton = document.createElement('button'); 
editButton.onclick = function(e){ location.href = 'http://' + window.location.hostname + window.location.pathname +'#additem'}