使用Javascript完成任务时更改DIV的样式属性

我正在使用下面的Javascript从Instagram中收集图像，这很成功，但有时加载可能需要一段时间

当

feed.run

完成时，我想更改div的样式

var feed = new Instafeed({
 accessToken: InstagramToken,
 limit: 10,
 target: 'instafeed',
 transform: function(item) { //Transform receives each item as its argument
// Over-write the original timestamp


item.timestamp = new Date(item.timestamp).toLocaleString('en-AU', {

   year: 'numeric', 
   month: 'long', 
   day: 'numeric'
 });

// return the modified item
return item;

},



 template: '<div class="vertical-line"></div><div class="post-title">{{timestamp}}</div><div class="vertical-line"></div><div class="post-container"><div class="post-image"><img src="{{image}}"/></div> </div>',
});
feed.run();

function abc() {
    var color = document.getElementById("myDIV").style.color;
    if (color === "aqua")
         document.getElementById("myDIV").style.color="black";
    else
         document.getElementById("myDIV").style.color="red";

};

</script>```

var feed=新Instafeed({
accessToken:InstagramToken，
限额：10，
目标：“instafeed”，
transform：函数（项）{//transform接收每个项作为其参数
//重写原始时间戳
item.timestamp=新日期（item.timestamp）.toLocaleString（'en-AU'）{
年份：'数字'，
月：“长”，
日期：“数字”
});
//返回修改后的项目
退货项目；
},
模板：“{timestamp}}”，
});
feed.run（）；
函数abc（）{
var color=document.getElementById（“myDIV”）.style.color；
如果（颜色==“水”）
document.getElementById（“myDIV”）.style.color=“black”；
其他的
document.getElementById（“myDIV”）.style.color=“red”；
};
```

此处列出的回调

您可以使用

after

回调高级选项：

var feed = new Instafeed({
 after: function(img){ abc() },
 accessToken: InstagramToken,
 limit: 10,
 target: 'instafeed',
 transform: function(item) { //Transform receives each item as its argument
// Over-write the original timestamp


item.timestamp = new Date(item.timestamp).toLocaleString('en-AU', {

   year: 'numeric', 
   month: 'long', 
   day: 'numeric'
 });

// return the modified item
return item;

},



 template: '<div class="vertical-line"></div><div class="post-title">{{timestamp}}</div><div class="vertical-line"></div><div class="post-container"><div class="post-image"><img src="{{image}}"/></div> </div>',
});
feed.run();

function abc() {
    var color = document.getElementById("myDIV").style.color;
    if (color === "aqua")
         document.getElementById("myDIV").style.color="black";
    else
         document.getElementById("myDIV").style.color="red";

};

var feed=new Instafeed({
在：函数（img）{abc（）}之后，
accessToken:InstagramToken，
限额：10，
目标：“instafeed”，
transform：函数（项）{//transform接收每个项作为其参数
//重写原始时间戳
item.timestamp=新日期（item.timestamp）.toLocaleString（'en-AU'）{
年份：'数字'，
月：“长”，
日期：“数字”
});
//返回修改后的项目
退货项目；
},
模板：“{timestamp}}”，
});
feed.run（）；
函数abc（）{
var color=document.getElementById（“myDIV”）.style.color；
如果（颜色==“水”）
document.getElementById（“myDIV”）.style.color=“black”；
其他的
document.getElementById（“myDIV”）.style.color=“red”；
};

在instafeed.js中，提到您可以向

instafeed

函数对象添加一些回调，如

之前

，

之后

，

成功

，

错误

。在您的情况下，您希望添加

success

回调函数：

var feed = new Instafeed({
 accessToken: InstagramToken,
 limit: 10,
 target: 'instafeed',
 success: (images) => {
     // Change style here
 }
 ...
}
feed.run();