|
1 | 1 | var DOMParser = require('../dom-parser').DOMParser; |
| 2 | + |
2 | 3 | var doc = new DOMParser().parseFromString( |
3 | | - '<html><body>'+ |
4 | | - '<div id="a" class="ab">'+ |
5 | | - '<a class="b">abcd</a>'+ |
6 | | - '</div>'+ |
7 | | - '<div class="b a andEvenMore">'+ |
8 | | - '<a href="aa" id="b">'+ |
9 | | - '</div>'+ |
10 | | - '</body></html>' |
11 | | - ,'text/html'); |
| 4 | + `<html><body> |
| 5 | + <div id="a" class="a"> |
| 6 | + <a class="b">abcd</a> |
| 7 | + </div> |
| 8 | + |
| 9 | + <div id="a" class="a"> |
| 10 | + <a class="b">efgh</a> |
| 11 | + </div> |
| 12 | + |
| 13 | + <div class="b a andEvenMore" name="my-element"> |
| 14 | + <a href="aa" id="b" /> |
| 15 | + </div> |
| 16 | + <div class="a b c d"> |
| 17 | + <div class="video video_link" href="www.myvideos.com/video1.mp4"> |
| 18 | + <p class="tiny text duration">3:40</p> |
| 19 | + <img data-src="www.myvideos.com\/video1.png" alt="video1 image" /> |
| 20 | + </div> |
| 21 | + </div> |
| 22 | + <div class="a b c d"> |
| 23 | + <div class="video video_link" href="www.myvideos.com/video2.mp4"> |
| 24 | + <p class="tiny text duration">9:33</p> |
| 25 | + <img data-src="www.myvideos.com\/video2.png" alt="video2 image" /> |
| 26 | + </div> |
| 27 | + </div> |
| 28 | + <div class="a b c d"> |
| 29 | + <div class="video video_link" href="www.myvideos.com/video3.mp4"> |
| 30 | + <p class="tiny text duration">4:21</p> |
| 31 | + <img data-src="www.myvideos.com\/video3.png" alt="video3 image" /> |
| 32 | + </div> |
| 33 | + </div> |
| 34 | + </body></html>` |
| 35 | + ,'text/html'); |
12 | 36 |
|
13 | 37 | // console.log(doc.getElementsByAttribute('class', 'b')); |
14 | | -console.log(doc.getElementsByClassName('b', false)) |
15 | | -//console.log(doc.querySelect('.div.aa class#a a')) |
| 38 | +var ulResults = Array.from(doc.getElementsByClassName('video_link', false)) |
| 39 | +ulResults.forEach(el => console.log(el.getAttribute("href").replace(/\\/g, ''))) |
| 40 | +ulResults.forEach(el => console.log(el.querySelect('img')[0].getAttribute("alt"))) |
| 41 | +ulResults.forEach(el => console.log(el.getElementsByClassName('duration', false)[0].textContent)) |
| 42 | +// console.log(ulResults[0].querySelect('img')[0].getAttribute("alt")) |
| 43 | + |
| 44 | +// console.log(doc.querySelect('.div.aa class#a a')) |
16 | 45 | //console.log(doc.findSelector('div.aa#in[ii="a"]')) |
17 | 46 | //console.log(doc.getElementsBySelector('a[href="aa"]#b')) |
18 | 47 | //console.log(doc.getElementsBySelector('div.b')) |
19 | | -// console.log(doc.querySelect('div.a a.b')) |
20 | 48 | console.log('end') |
0 commit comments