Uncaught TypeError: Cannot set property 'fontFamily' of undefined

Question

I have an assignment in javascript that changes the font of the tag on button click but I'm getting this error. I don't think there is anything wrong in my code.

  <button onclick="myFunction()">Set font</button>
    <script type = "text/javascript">
    function myFunction() {
        document.getElementsByTagName("body").style.fontFamily = "Times New Roman, Times, serif";
    }

You can directly use `document.body`. – Ivar Nov 18 '20 at 12:15 — Ivar, Nov 18 '20 at 12:15

code-gorilla · Accepted Answer · 2020-11-18T12:29:55.753

2

document.getElementsByTagName("body") does not return a single element, but an array of items.

You can fix your code by accessing the array by index:

document.getElementsByTagName("body")[0].style.fontFamily

Edit: On a side note as Ivar has mentioned in his comment: the body can be accessed explicitly with document.body.

edited Nov 18 '20 at 12:29

answered Nov 18 '20 at 12:12

code-gorilla

2,231
1
6
21

Uncaught TypeError: Cannot set property 'fontFamily' of undefined

1 Answers1