Javascript，为每个对象添加一个div SC.initialize({ 客户识别号：'********************' }); 函数doSearch（）{ var searchTerm=document.getElementById（'search'）.value； //搜索soundcloud寻找艺术家 SC.get（'/tracks'，{q:searchTerm，许可证：'cc by sa'}，函数（tracks）{ 用于（轨道中的轨道）{ var img=document.createElement（'img'）； var catalog=document.getElementById（'catalog'）； setAttribute（“src”，tracks[track][“artwork_url]”）；目录子目录（img）； } } }); };_Javascript

Javascript，为每个对象添加一个div SC.initialize({ 客户识别号：'********************' }); 函数doSearch（）{ var searchTerm=document.getElementById（'search'）.value； //搜索soundcloud寻找艺术家 SC.get（'/tracks'，{q:searchTerm，许可证：'cc by sa'}，函数（tracks）{ 用于（轨道中的轨道）{ var img=document.createElement（'img'）； var catalog=document.getElementById（'catalog'）； setAttribute（“src”，tracks[track][“artwork_url]”）；目录子目录（img）； } } }); };

javascript

Javascript，为每个对象添加一个div SC.initialize({ 客户识别号：'********************' }); 函数doSearch（）{ var searchTerm=document.getElementById（'search'）.value； //搜索soundcloud寻找艺术家 SC.get（'/tracks'，{q:searchTerm，许可证：'cc by sa'}，函数（tracks）{ 用于（轨道中的轨道）{ var img=document.createElement（'img'）； var catalog=document.getElementById（'catalog'）； setAttribute（“src”，tracks[track][“artwork_url]”）；目录子目录（img）； } } }); };,javascript,Javascript,只需在每个img中添加一个div，而不是在div中添加所有图像，以响应评论。试试看 <body> <input type="text" id="search" onchange="doSearch()" /> <div id="catalog"> </div> <div id="each_track"> </div> <script> SC.initialize({ c

只需在每个img中添加一个div，而不是在div中添加所有图像，以响应评论。

试试看

<body>

  <input type="text" id="search" onchange="doSearch()" />

  <div id="catalog">
  </div>

  <div id="each_track">
  </div>

  <script>
  SC.initialize({
    client_id: '*****************'
  });

  function doSearch() {
    var searchTerm = document.getElementById('search').value;

        // Search soundcloud for artists
        SC.get('/tracks', { q: searchTerm, license: 'cc-by-sa' }, function(tracks) {
          for(track in tracks) {
            var img = document.createElement('img');
            var catalog = document.getElementById('catalog');
            img.setAttribute("src",tracks[track]["artwork_url"]);
            catalog.appendChild(img);
            }
         }
        });
      };
      </script>
    </body>

与您最初的答案类似，if循环以每个图像元素为目标

小心

跟踪

和

目录

泄漏到全局范围。不清楚您试图执行什么操作。请在HTML之前和之后显示。您不能只创建一个新div，将div附加到“catalog”并将img附加到新div吗？当您将img附加到div时，它仍然不是每个单独的图像。我在下面发布的答案似乎是正确的work@JoaquinGamboa你的答案不见了

function doSearch() {
    var searchTerm = document.getElementById('search').value;

    // Search soundcloud for artists
    SC.get('/tracks', { q: searchTerm, license: 'cc-by-sa' }, function(tracks) {
        for(track in tracks) {
            var img = document.createElement('img');
            var catalog = document.getElementById('catalog');
            img.setAttribute("src",tracks[track]["artwork_url"]);

            var div = document.createElement('div');
            div..appendChild(img);

            catalog.appendChild(div);
        }
    });
};

   for(track in tracks) {
        var img = document.createElement('img');
        var catalog = document.getElementById('catalog');
        var div = document.createElement('div');


        img.setAttribute("src",(tracks[track]["artwork_url"]));
        div.setAttribute("class","music");

        if((tracks[track]["artwork_url"])){
          catalog.appendChild(div);
          div.appendChild(img);
        }