How to get and set CSS variable property values.

To get a value use the .getPropertyValue() method

element.style.getPropertyValue("--var")

To set a value use the .setProperty() method.

element.style.setProperty("--var", "NEW_VALUE")

Found a mistake? Have a question or improvement idea? Let me know.

Get and set CSS custom variables:

*Using javascript to getset CSS custom variables

*How to get and set CSS variable property values.

Table Of Contents

5Declarations and assignments

6Reserved keywords

7Data types in JavaScript

8Strings

9Escape sequences

10Template Literals

11Arrays

12Objects

13Prototypes objects

14Classes

15Variable coercion / conversion

16Map

17Set

22Comparison operations

24Loops

27Date

29Scope

30AJAX

35Cookies

36Intervals and timeouts

37Generators

38History of visited urls

41JSON

44Fetch

45Modules

46Screen

47Inheritance

48Timestamps

49Destructuring assignment

54Web Cryptography API

55Async functions, async / await

56Constructor functions

57execCommand and contenteditable

58Performance Tips

59Design patterns

60requestAnimationFrame

61Method chaining

62Global error handling in browsers

63File API, blobs and FileReaders

64Console

65Tail call optimization

68Symbols

72Functional JavaScript

73Modals

74Data attributes

75Event Loop

76Events

77Data manipulation

78BOM Browser Object Model

79Unit Testing

80Linters for ensuring code quality

81Automatic Semicolon Insertion

82IndexedDB

83Anti-patterns

84Navigator Object

85Modularization techniques

86Proxy

87Same origin policy, cross-origin communication

88postMessage and MessageEvent

89WeakMap

90WeakSet

91Behaviroal Design Patterns

92Server-sent events

93Async iterators

94Namespacing

95Evaluating JavaScript

96Memory efficiency

97How to make iterator usable inside async callback function

98Context this

99Setters and getters

100Vibration API

101Fluent API

102Tilde

103Security issues

104Get and set CSS custom variables

105Contributors