콘텐츠로 건너뛰기

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

🚫 해당사항 없음

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

🚫 해당사항 없음

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

🚫 해당사항 없음

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

🚫 해당사항 없음

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

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?
(자유 형식 질문)

추천하는 리소스

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
우리를 지원해 준 파트너들께 감사 드립니다! 더 알아보기.