我使用 instagram API 加载网页上的最后 20 个帖子。我检索了图像和帖子的文本,效果很好。我尝试实现的另一件事是删除/替换所有以 开头的单词#,即所谓的“主题标签”。这是我遇到的麻烦。目前,所有 20 个文本都替换为文本 1,其中 hastags 已成功替换。
我的JS(代码的相关部分在最后,您可以看到我尝试过的内容):
var request = new XMLHttpRequest();
request.open('GET', 'https://api.instagram.com/v1/users/self/media/recent/?access_token=737514925.b2b5dcf.40705a1de9b54c039e840c52fe08b39c&count=20', true);
request.onload = function() {
if (request.status >= 200 && request.status < 400) {
// Success!
var data = JSON.parse(request.responseText);
for (var i=0;i < data.data.length;i++) {
var container = document.getElementById('insta-feed');
var imgURL = data.data[i].images.standard_resolution.url;
var link = data.data[i].link;
var text = data.data[i].caption.text;
var imageDiv = document.createElement('div');
imageDiv.setAttribute('class','insta-pic col-md-4');
container.appendChild(imageDiv);
var a = document.createElement('a');
a.setAttribute('href', link);
a.setAttribute('target', '_blank');
var img = document.createElement('img');
img.setAttribute('src',imgURL)
img.setAttribute('class','img-instagram')
var textDiv = document.createElement('div');
textDiv.setAttribute('class','insta-text col-md-7');
container.appendChild(textDiv);
var p = document.createElement('p');
p.innerHTML = text;
imageDiv.appendChild(a);
textDiv.appendChild(p);
a.appendChild(img);
}
}
// This is the (relevant) part that does not work
var regexHash = /#\w+/gm;
function replacer(){
return '#hereWasSomeTag';
}
或者一个JSFiddle(请注意,在 JSFiddle 上,完全相同的代码会出现不同的问题,没有文本被替换,但所有原始文本都是可见的)。
我想这个问题很容易解决,但是由于我对 JS 的理解很差,我无法弄清楚如何解决。
相关分类