前提・実現したいこと
HTMLのIMG要素(重複した画像を除く)を取得したいです。
該当のソースコード
html
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>Document</title> 8</head> 9<body> 10 11 <ul> 12 <li><img src="a1.jpg" alt="" width="14"></li> 13 <li><img src="a2.jpg" alt="" width="640"></li> 14 <li><img src="a1.jpg" alt="" width="24"></li> 15 <li><img src="a4.jpg" alt="" width="545"></li> 16 <li><img src="a7.jpg" alt="" width="11"></li> 17 <li><img src="a4.jpg" alt="" width="14"></li> 18 </ul> 19 20 <script type="text/javascript"> 21 var img = document.getElementsByTagName('img'); 22 23 // ここで重複したsrcを削除した配列を取得したい 24 // img = 25 26 for(var i=0; i<img.length; i++) { 27 console.log(img[i]); 28 /* 29 現時点での出力は 30 - a1.jpg 31 - a2.jpg 32 - a1.jpg 33 - a4.jpg 34 - a7.jpg 35 - a4.jpg 36 のオブジェクト 37 38 取得したいものは 39 - a1.jpg 40 - a2.jpg 41 - a4.jpg 42 - a7.jpg 43 のオブジェクト 44 */ 45 } 46 </script> 47</body> 48</html> 49
試したこと
https://qiita.com/cocottejs/items/7afe6d5f27ee7c36c61f
上記URLのように配列から重複を削除する方法は見つけることができたのですが、
配列に格納したオブジェクト(IMG)のプロパティ(SRC)が重複する
ものを削除した配列を取得する方法を見つけられませんでした。
初心者ですので、的外れなことを書いていると思いますが、
よろしくお願いいたします。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/02/22 01:49
2018/02/22 09:25
2018/02/22 14:33