Ir para o conteúdo

State of HTML 2023

Interatividade

APIs que permitem interações mais ricas com o usuário.

Interactivity Experience & Sentiment

Agrupar por:

Ordenar por:

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%

Métodos relacionados a atributos 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%
% de respostas das questões
15,576
75%
Qual dos seguintes métodos relacionados a atributos DOM você já usou?

Recursos de manipulação de strings 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%
% de respostas das questões
15,614
75%
Qual dos seguintes recursos de manipulação de strings HTML do DOM você já usou?

Métodos DOM de movimentação de elementos

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%
% de respostas das questões
15,063
72%
Qual dos seguintes métodos DOM de movimentação de elementos você já usou?

Métodos de Interatividade

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%
% de respostas das questões
15,640
75%
Qual destes métodos você já usou para adicionar interatividade ou modificar HTML dinamicamente?

Dificuldades de Interatividade

Incompatibilidades ou falta de suporte do navegador, recursos ausentes e outros problemas que você enfrenta em relação a elementos e comportamentos interativos (exceto formulários), manipulação de DOM, eventos e APIs relacionadas.

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

Outras respostas

Respostas correspondentes a “Outras respostas” 2,536
0%
21%
42%
63%
84%
105%
% de respostas das questões
2,402
11%
Quais suas dificuldades em relação às alterações dinâmicas do HTML?
Respostas livres

Recursos recomendados

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
Obrigado aos nossos parceiros por nos apoiarem! Saiba mais.