JS: What is the best way to handle reading an attribute that is not directly set?

Question

If I am adding an event listener to an element that as a font size that isn't directly defined, what's the best way to increment that on click?

For example event.target.style.fontSize is equal to "" when trying to read it and increment it.

  cont.addEventListener('click', () => {
    let size = parseInt(event.target.style.fontSize.split("px")[0]) + 5;
    event.target.style.fontSize = fontSize.toString() + "px"

});

score 0 · Accepted Answer · answered Jan 21 '19 at 05:31

Sounds like a job for window.getComputedStyle:

The computed style is the style actually used in displaying the element, after "stylings" from multiple sources have been applied. Style sources can include: internal style sheets, external style sheets, inherited styles and browser default styles.

JS: What is the best way to handle reading an attribute that is not directly set?

1 Answers1