1

ページ内のすべての img タグの URL を抽出する数行をコーディングしました。OK、すべてうまくいきますが、ページの特別な div に私のコードを適用する方法があるのだろうか!!!? つまり、ページ本体全体からではなく、div から img タグの URL を取得したいということです。私が何を意味するのかを明確に説明したことを願っています:)

       function getURL() {
              var url = [];
              var a = document.getElementsByTagName('img');
              for (var i=0, j = a.length; i<j; i++)
              {
                   if (/\.(jpg|jpeg|gif|png)$/im.test(a[i].getAttribute('src')))
                   {
                      url.push(a[i].getAttribute('src'));
                   }
              }
               document.write(url);
       }
4

2 に答える 2

2

document.getElementsByTagName('img')と置き換えますyourElement.getElementsByTagName('img');

于 2012-11-11T10:34:39.603 に答える
2

関数を変更して startElement パラメータを受け入れ、渡された要素で getElementsByTagName を呼び出します

   function getURL(startElement) {
          var url = [];
          var a = startElement.getElementsByTagName('img');
          for (var i=0, i < a.length; i++)
          {
               if (/\.(jpg|jpeg|gif|png)$/im.test(a[i].getAttribute('src')))
               {
                  url.push(a[i].getAttribute('src'));
               }
          }
          return url; // return the result instead of writing it
   }

このマークアップがあるとします

<div id='myDiv'><img src='test.jpg'/></div>

その後、呼び出すことができます

var urls = getUrl(document.getElementById('myDiv'));

また、document.write を使用せず、開発ツール (通常は F12) を開いて、代わりに console.log を使用することをお勧めします。

console.log(urls);
于 2012-11-11T10:35:13.867 に答える