Why Is My JavaScript Font Size Change Code Failing?

Changing Font Size with JavaScript

This article addresses the difficulty in modifying the font size of an HTML element using JavaScript.

The provided code attempts to set the font size of an element with the ID "span" to 25 pixels:

var span = document.getElementById("span");
span.style.fontsize = "25px";
span.innerHTML = "String";

However, the code fails to execute due to a syntax error.

Solution: JavaScript Case Sensitivity

JavaScript is case sensitive, meaning that variable and property names must be exact. The property responsible for font size is actually "fontSize," not "fontsize."

To correctly set the font size, the code can be modified as follows:

span.style.fontSize = "25px";

By correcting the property name, the code will successfully change the font size of the HTML element.

The above is the detailed content of Why Is My JavaScript Font Size Change Code Failing?. For more information, please follow other related articles on the PHP Chinese website!