Skip to content

Searching: getElement*, querySelector* #254

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
47 commits
Select commit Hold shift + click to select a range
75cbcb2
dom searching translation
Dorin-David Mar 9, 2021
f7b4630
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
761d667
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
b9a6027
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
20be43f
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
188cbc5
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
7c5ec45
Update 2-ui/1-document/04-searching-elements-dom/1-find-elements/task.md
Dorin-David Mar 11, 2021
7565641
Update 2-ui/1-document/04-searching-elements-dom/1-find-elements/task.md
Dorin-David Mar 11, 2021
a27a6e8
Update 2-ui/1-document/04-searching-elements-dom/1-find-elements/task.md
Dorin-David Mar 11, 2021
e3a3970
Update 2-ui/1-document/04-searching-elements-dom/1-find-elements/task.md
Dorin-David Mar 11, 2021
3d94de7
Update 2-ui/1-document/04-searching-elements-dom/1-find-elements/task.md
Dorin-David Mar 11, 2021
ea6ad97
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
75c92f1
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
0365785
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
364ff24
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
15d4314
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
5d8eb93
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
f0b0d03
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
8420049
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
7339243
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
2ea6e65
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
af11209
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
a9ccb53
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
f2b921b
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
b5ae0ad
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
5760704
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
05b1217
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
3a980d4
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
eaaa98f
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
339fcef
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
d16fc7b
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
d59d5f8
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
94535ce
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
5e47402
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
f74b9b2
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
de20a9b
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
64df291
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
672c99a
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
515ff81
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
87eb86b
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 11, 2021
5800735
Update 2-ui/1-document/04-searching-elements-dom/1-find-elements/solu…
Dorin-David Mar 11, 2021
ce7304c
Update 2-ui/1-document/04-searching-elements-dom/1-find-elements/solu…
Dorin-David Mar 11, 2021
9697fab
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 12, 2021
8693375
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 12, 2021
27a571d
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 12, 2021
4466252
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 12, 2021
f19fdec
Update 2-ui/1-document/04-searching-elements-dom/article.md
Dorin-David Mar 13, 2021
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
@@ -1,35 +1,35 @@
There are many ways to do it.
Ci sono molti modi per farlo.

Here are some of them:
Eccone alcuni:

```js
// 1. The table with `id="age-table"`.
// 1. La tabella con `id="age-table"`.
let table = document.getElementById('age-table')

// 2. All label elements inside that table
// 2. Tutti gli elementi label dentro la tabella
table.getElementsByTagName('label')
// or
// oppure
document.querySelectorAll('#age-table label')

// 3. The first td in that table (with the word "Age")
// 3. Il primo td dentro la tabella (con la parola "Age")
table.rows[0].cells[0]
// or
// oppure
table.getElementsByTagName('td')[0]
// or
// oppure
table.querySelector('td')

// 4. The form with the name "search"
// assuming there's only one element with name="search" in the document
// 4. La form con il nome "search"
// supponendo ci sia solo un elemento con name="search" nel documento
let form = document.getElementsByName('search')[0]
// or, form specifically
// oppure, form specificamente
document.querySelector('form[name="search"]')

// 5. The first input in that form.
// 5. Il primo input contenuto in form.
form.getElementsByTagName('input')[0]
// or
// oppure
form.querySelector('input')

// 6. The last input in that form
let inputs = form.querySelectorAll('input') // find all inputs
inputs[inputs.length-1] // take the last one
// 6. L'ultimo input in form
let inputs = form.querySelectorAll('input') // trova tutti gli input
inputs[inputs.length-1] // prendi l'ultimo
```
20 changes: 10 additions & 10 deletions 2-ui/1-document/04-searching-elements-dom/1-find-elements/task.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,17 +2,17 @@ importance: 4

---

# Search for elements
# Ricerca degli elementi

Here's the document with the table and form.
Abbiamo un documento con una tabella e un form.

How to find?...
Come trovare?...

1. The table with `id="age-table"`.
2. All `label` elements inside that table (there should be 3 of them).
3. The first `td` in that table (with the word "Age").
4. The `form` with `name="search"`.
5. The first `input` in that form.
6. The last `input` in that form.
1. La tabella con `id="age-table"`.
2. Tutti gli elementi `label` dentro la tabella (dovrebbero essercene 3).
3. Il primo `td` nella tabella (con la parola "Age").
4. Il `form` con `name="search"`.
5. Il primo `input` nel form.
6. L'ultimo `input` nel form.

Open the page [table.html](table.html) in a separate window and make use of browser tools for that.
Apri la pagina [table.html](table.html) in un'altra finestra e utilizza gli strumenti del browser.
Loading
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy