Skip to content

State of HTML 2023

Interactivity

APIs that enable richer user interactions.

Interactivity Experience & Sentiment

Group by:

Sort by:

1

3.7%
15,716
2

15,768
3

3.2%
15,584
4

15,625
5

3.7%
15,615

Experience

  • Used it: Respondents who have used an item.
  • Heard of it: Respondents who have heard about an item, but haven't used it.
  • Never heard of it: Respondents who have never heard about an item.

Sentiment

  • Positive: Respondents who are interested in learning more about a technology; or are willing to use it again.
  • Neutral: Responents who did not indicate any sentiment about a technology.
  • Negative: Respondents who are not interested in learning more about a technology; or have used it and had a negative experience.
“Used” average:1%
“Positive” average:1%
“Negative” average:0.1%

DOM Attribute-related methods

0%
17%
35%
52%
70%
87%
1

element.classList

13,597
2

element.toggleAttribute(name, force)

8,026
3

element.getAttributeNames()

8,006
4

🚫 None

1,203
0%
17%
35%
52%
70%
87%
% of question respondents
15,576
75%
Which of the following DOM attribute-related methods have you used?

HTML String-handling Features

0%
19%
39%
58%
77%
97%
1

element.innerHTML

15,088
2

element.outerHTML

9,416
3

4,408
4

3,201
5

🚫 None

452
0%
19%
39%
58%
77%
97%
% of question respondents
15,614
75%
Which of the following DOM HTML string-handling features have you used?

Element-moving DOM Methods

0%
16%
32%
48%
64%
79%
1

11,967
2

6,935
3

4,932
4

4,867
5

3,899
6

3,897
7

🚫 None

2,172
0%
16%
32%
48%
64%
79%
% of question respondents
15,063
72%
Which of the following element-moving DOM methods have you used?

Interactivity Methods

0%
18%
36%
53%
71%
89%
1

vanilla_js

13,921
2

js_framework

13,744
3

css_for_interactivity

13,211
4

js_dom_libraries

11,620
5

5,308
6

🚫 None

62
0%
18%
36%
53%
71%
89%
% of question respondents
15,640
75%
Which of these methods have you used to add interactivity or dynamically modify HTML?

Interactivity Pain Points

Browser incompatibilities or lack of support, missing features, and other problems you face around interactive elements and behaviors (except forms), DOM manipulation, events, and related APIs.

0%
21%
42%
63%
84%
105%
1

Browser support

2

DOM manipulation

3

Reliance on JavaScript

4

Event management

5

6

Accessibility

7

State management

8

Reactivity

9

Excessive complexity

10

Performance

11

Other Answers

Answers matching “Other Answers” 2,536
0%
21%
42%
63%
84%
105%
% of question respondents
2,402
11%
What are your pain points around dynamic HTML changes?
(freeform question)

Recommended Resources

Vanilla JS: You Might Not Need a Framework
Maximiliano Firtman

Vanilla JS: You Might Not Need a Framework

See how you can build rich web apps and websites without depending on libraries or frameworks, using only the core JavaScript language. You'll
Thanks to our partners for supporting us! Learn more.