Google still recommends you avoid using JavaScript for canonical tags but if you must, Google provided these recommendations.

This means that you have the ability to create a text box element dynamically and set its attributes any time you like. The document.createElement function makes this possible as shown below: ...