跳至內容

State of HTML 2023

互動性

提供豐富使用者互動的 API。

Interactivity Experience & Sentiment

Group by:

Sort by:

1

46.7%
25.9%
27.1%
15,716
2

31.2%
46.2%
22.4%
15,768
3

6.4%
14.2%
79.2%
15,584
4

4.7%
41.3%
53.7%
15,625
5

19.6%
78.3%
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:18%
“Positive” average:44%
“Negative” average:3%

DOM 屬性相關方法

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%
% 問題回應者
15,576
75%
使用過以下哪些與 DOM 屬性相關的方法？

HTML 字串處理功能

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%
% 問題回應者
15,614
75%
使用過以下哪些 DOM HTML 字串處理功能？

移動元素的 DOM 方法

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%
% 問題回應者
15,063
72%
使用過以下哪些方法來移動 DOM 元素？

互動方法

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%
% 問題回應者
15,640
75%
使用過哪些方法來加入互動或動態修改 HTML？

互動性的痛點

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

Browser support

2

DOM interactions

Answers matching “DOM interactions” 178
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,522
0%
21%
42%
63%
84%
105%
% 問題回應者
2,402
11%
在動態改變 HTML 時有碰過什麼痛點？
(自由填答問題)

推薦資源

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
感謝贊助我們的伙伴！ 深入瞭解。