How to change FontSize By JavaScript?

Question

This code is not working

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

<

Answer 1

<span id="span">HOI</span>
<script>
   var span = document.getElementById("span");
   console.log(span);

   span.style.fontSize = "25px";
   span.innerHTML = "String";
</script>

You have two errors in your code:

1. document.getElementById - This retrieves the element with an Id that is "span", you did not specify an id on the span-element.

2. Capitals in Javascript - Also you forgot the capital of Size.

Answer 2

JavaScript is case sensitive.

So, if you want to change the font size, you have to go:

span.style.fontSize = "25px";

Answer 3

Please never do this in real projects

Answer 4

span.style.fontSize = "25px";

use this

Answer 5

try this:

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