From 0c0487b630048534b4c9bebaf9580e8af487cf69 Mon Sep 17 00:00:00 2001 From: Ilya Kantor Date: Thu, 2 Feb 2017 23:27:13 +0300 Subject: [PATCH] up --- .../1-find-elements/solution.md | 47 ++++++---- .../1-find-elements/table.html | 24 ++--- .../1-find-elements/task.md | 22 ++--- .../5-searching-elements-dom/article.md | 94 ++++++++++++------- 4 files changed, 105 insertions(+), 82 deletions(-) diff --git a/2-ui/1-document/5-searching-elements-dom/1-find-elements/solution.md b/2-ui/1-document/5-searching-elements-dom/1-find-elements/solution.md index 9842595f..0ada42ac 100644 --- a/2-ui/1-document/5-searching-elements-dom/1-find-elements/solution.md +++ b/2-ui/1-document/5-searching-elements-dom/1-find-elements/solution.md @@ -1,27 +1,36 @@ -Есть много вариантов решения, вот некоторые из них: +There are many ways to do it. + +Here are some of them: ```js -// 1 -document.getElementById('age-table').getElementsByTagName('label'); +// 1. The table with `id="age-table"`. +let table = document.getElementById('age-table') -// 2 -document.getElementById('age-table').getElementsByTagName('td')[0]; -// в современных браузерах можно одним запросом: -var result = document.querySelector('#age-table td'); +// 2. All label elements inside that table +table.getElementsByTagName('label') +// or +document.querySelectorAll('#age-table label') -// 3 -document.getElementsByTagName('form')[1]; +// 3. The first td in that table (with the word "Age"). +table.rows[0].cells[0] +// or +table.getElementsByTagName('td')[0] +// or +table.querySelector('td') -// 4 -document.querySelector('form[name="search"]'); +// 4. The form with the name "search". +// assuming there's only one element with name="search" +let form = document.getElementsByName('search')[0] +// or, form specifically +document.querySelector('form[name="search"]') -// 5 -document.querySelector('form[name="search"] input') +// 5. The first input in that form. +form.getElementsByTagName('input') +// or +form.querySelector('input') -// 6 -document.getElementsByName("info[0]")[0]; - -// 7 -document.querySelector('form[name="search-person"] [name="info[0]"]'); +// 6. The last input in that form. +// there's no direct query for that +let inputs = form.querySelectorAll('input') // search all +inputs[inputs.length-1] // take last ``` - diff --git a/2-ui/1-document/5-searching-elements-dom/1-find-elements/table.html b/2-ui/1-document/5-searching-elements-dom/1-find-elements/table.html index 3484bc0c..5b92c34b 100644 --- a/2-ui/1-document/5-searching-elements-dom/1-find-elements/table.html +++ b/2-ui/1-document/5-searching-elements-dom/1-find-elements/table.html @@ -1,37 +1,32 @@ - - - - -
-