How To Get Font Size in HTML

by

Just grabbing the style.fontSize of an element may not work. If the font-size is defined by a stylesheet, this will report "" (empty string).

You should use window.getComputedStyle.

var el = document.getElementById('foo');
var style = window.getComputedStyle(el, null).getPropertyValue('font-size');
var fontSize = parseFloat(style); 
// now you have a proper float for the font size (yes, it can be a float, not just an integer)
el.style.fontSize = (fontSize + 1) + 'px';

More Related Contents:

  1. JS hide function error
  2. How to read with JavaScript [closed]
  3. Get the longest text in HTML document using Jquery or javascript
  4. How to implement something like this GIF that using mouse drag and select items
  5. Javascript counting all the characters from a HTML document
  6. Set cookie and get cookie with JavaScript [duplicate]
  7. How do you read CSS rule values with JavaScript?
  8. Load and execution sequence of a web page?
  9. Check if an element contains a class in JavaScript?
  10. Disabling browser print options (headers, footers, margins) from page?
  11. Add a tooltip to a div
  12. Is it possible to hide the cursor in a webpage using CSS or Javascript?
  13. Text-overflow ellipsis on left side
  14. How to detect which one of the defined font was used in a web page?
  15. How to create a sticky navigation bar that becomes fixed to the top after scrolling
  16. How to change CSS :root color variables in JavaScript
  17. How to change style of iframe content cross-domain?
  18. How can I remove the “No file chosen” tooltip from a file input in Chrome?
  19. How to print HTML content on click of a button, but not the page? [duplicate]
  20. Save a pre element as PDF with CSS
  21. jQuery Validation using the class instead of the name value
  22. Center flex item in container, when surrounded by other flex items
  23. Change the style of :before and :after pseudo-elements? [duplicate]
  24. How to create checkbox inside dropdown?
  25. Javascript-Setting background image of a DIV via a function and function parameter
  26. Remove scrollbar but not scrolling functionality [duplicate]
  27. Wrapping lists into columns
  28. How do I dynamically adjust css stylesheet based on browser width?
  29. How do I put a clear button inside my HTML text input box like the iPhone does?
  30. Possible to reverse a css animation on class removal?

Leave a Comment