apply inline css to <html> tag in typescript on click

Question

I am new to typescript and just got confused that how to apply inline CSS to tag on click in typescript. I thought it was very simple but in typescript, things work differently as I tried with document.querySelector("html").style.background = "blue" but getting error like

 Object is possibly 'null'.  TS2531

       jumpToRelativePosition(anchors['chapter-main'], anchors['chapter-next']);
      document.querySelector("html").style.background = "blue

"
        ^

Please help me

Thanks in advance

Answer 1

when you need to have access to DOM Elements, you must always decalre them what element are they, HTMlElement is every type of element in HTML

const x = document.querySelector("html") as HTMLElement

if you will decalre with current elemt, for example you have input element mark as in ts HTMLInputElement

EDIT: Do Not Forget to include "DOM" in you lib options in your tsconfig.json

apply inline css to <html> tag in typescript on click

Question

1 answers

solution1
1 2021-07-22 20:37:39

apply inline css to <html> tag in typescript on click

Question

1 answers

solution1 1 2021-07-22 20:37:39

solution1
1 2021-07-22 20:37:39