I have a webform with different html objects for example a textbox:
<input type="text" name="cardholder_name" size="20" value=""
and a button
<button type="submit" id="auth_0"
value="Validate payment" onclick="void(0);">
I would like to be able to reach these objects from a js file and change their styles (for example font and color of the text etc.)
I've always done this from the page itself like this for example
document.getElementById("auth_cardno").className = "box";
But how can I achieve tthe same from a separate js file and activate it on page load?
Thanks for help!