Skip to content

Commit 6ab4b2d

Browse files
committed
fix: resolve merge conflicts and standardize language in DOM attributes and properties article
1 parent fc4da6f commit 6ab4b2d

File tree

1 file changed

+8
-12
lines changed
  • 2-ui/1-document/06-dom-attributes-and-properties

1 file changed

+8
-12
lines changed

2-ui/1-document/06-dom-attributes-and-properties/article.md

Lines changed: 8 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ Mas o mapeamento entre atributo e propriedade não é de um para um! Nesse capí
88

99
## Propriedades DOM
1010

11-
Nós já vimos propriedades DOM incorporadas. Há várias delas, mas tecnicamente ninguém nos limita, e se não há propriedades suficientes, nós podemos adicionar nossas próprias.
11+
Nós já vimos propriedades DOM incorporadas. Há várias delas, mas tecnicamente ninguém nos limita, e se não há propriedades suficientes, nós podemos adicionar nossas próprias.
1212

1313
Nós do DOM são objetos JavaScript comuns. Nós podemos alterar eles.
1414

@@ -138,9 +138,9 @@ Observe:
138138
1. `getAttribute('About')` -- a primeira letra aqui está em maiúsculo, e no HTML está totalmente em minúsculo. Mas isso não importa: os nomes dos atributos não diferenciam maiúsculas de minúsculas.
139139
2. Nós podemos atribuir qualquer coisa a um atributo, mas se tornará uma string. Então, aqui temos `"123"` como o valor.
140140
3. Todos os atributos, incluindo os que estão definidos, são visíveis no `outerHTML`.
141-
4. A coleção `attributes` é iterável e tem todos os atributos do elemento (padrões e não padrões) como objetos com propriedades `name` e `value`.
141+
4. A coleção `attributes` é iterável e tem todos os atributos do elemento (padrões e não padrões) como objetos com propriedades `name` e `value`.
142142

143-
## Sincronização entre propriedade e atributo
143+
## Sincronização entre propriedade e atributo
144144

145145
Quando um campo padrão muda, a propriedade correspondente é automaticamente atualizada, e (com algumas exceções) vice-versa.
146146

@@ -162,11 +162,7 @@ No exemplo abaixo `id` é modificado como um atributo, e nós podemos ver a prop
162162
</script>
163163
```
164164

165-
<<<<<<< HEAD
166165
Mas há algumas exceções, por exemplo, `input.value` sincroniza a partir de atributo -> propriedade, mas o contrário não ocorre:
167-
=======
168-
But there are exclusions, for instance `input.value` synchronizes only from attribute -> property, but not back:
169-
>>>>>>> d78b01e9833009fab534462e05c03cffc51bf0e3
170166

171167
```html run
172168
<input>
@@ -194,7 +190,7 @@ Essa "característica", na verdade, pode ser útil, porque as ações do usuári
194190

195191
## Propriedades DOM são tipadas
196192

197-
Propriedades DOM nem sempre são strings. Por exemplo, a propriedade `input.checked` (para caixas de seleção) é um booleano:
193+
Propriedades DOM nem sempre são strings. Por exemplo, a propriedade `input.checked` (para caixas de seleção) é um booleano:
198194

199195
```html run
200196
<input id="input" type="checkbox" checked> checkbox
@@ -205,7 +201,7 @@ Propriedades DOM nem sempre são strings. Por exemplo, a propriedade `input.chec
205201
</script>
206202
```
207203

208-
Há outros exemplos. O campo `style` é uma string, mas a propriedade `style` é um objeto:
204+
Há outros exemplos. O campo `style` é uma string, mas a propriedade `style` é um objeto:
209205

210206
```html run
211207
<div id="div" style="color:red;font-size:120%">Hello</div>
@@ -316,7 +312,7 @@ Para evitar tais conflitos, existem os atributos [data-*](https://html.spec.what
316312

317313
**Todos os atributos começando com "data-" são reservados para programadores usarem. Eles estão disponíveis na propriedade `dataset`.
318314

319-
Por exemplo, se um `elem` tiver um atributo chamado `"data-about"`, ele estará disponível em `elem.dataset.about`.
315+
Por exemplo, se um `elem` tiver um atributo chamado `"data-about"`, ele estará disponível em `elem.dataset.about`.
320316

321317
Bem assim:
322318

@@ -385,5 +381,5 @@ Métodos para trabalhar com atributos são:
385381

386382
Para a maioria das situações, usar propriedades DOM tem preferência. Nós devemos nos referir a atributos apenas quando propriedades DOM não são cabíveis, quando precisamos de atributos exatos, por exemplo:
387383

388-
- Quando precisamos de atributos não padronizados. Mas se começar com `data-`, então devemos usar `dataset`.
389-
- Quando precisamos ler o valor do HTML "a risca". O valor da propriedade DOM pode ser diferente, por exemplo, o `href` é sempre uma URL completa, e nós talvez queremos o valor "original".
384+
- Quando precisamos de atributos não padronizados. Mas se começar com `data-`, então devemos usar `dataset`.
385+
- Quando precisamos ler o valor do HTML "a risca". O valor da propriedade DOM pode ser diferente, por exemplo, o `href` é sempre uma URL completa, e nós talvez queremos o valor "original".

0 commit comments

Comments
 (0)