需要获取我的网页的ID标记并将其显示为Chrome扩展程序

时间:2013-04-14 15:43:52

标签: javascript google-chrome

我找不到类似于我的任何问题,所以我决定问,如何从我自己的网站上获取一些图片,它们都有id标签post_p

我认为我必须使用:

XMLHttpRequest

但是,我是通过客户端还是通过我的网站获取我的页面内容?我在这里有点无能为力。非常感谢帮助!

2 个答案:

答案 0 :(得分:0)

通过它的ID来获取元素:

document.getElementById("id");

或作为函数:

var ge = function(id){
    return document.getElementById(id);
}

var element1 = ge("element1");

答案 1 :(得分:0)

Chrome扩展程序在本地运行(即客户端),因此查看服务器端获取ID的方法毫无意义。如果你想获得DOM中所有图像的id,可以很容易地做到这一点:

var allIds = [],
allImgs = document.getElementsByTagName('img');//returns a array-like object, referencing all img elements

for (var i=0;i<allImgs.length;i++)
{
    allIds.push(allImgs[i].id);
}

如果您不需要扫描整个DOM,可以选择要查看的特定(块)元素:

var allImgs = document.getElementById('container').getElementsByTagName('img');
//the rest is the same...

只是个人注意事项:不确定在掌握JS基础知识之前是否陷入了AJAX调用和chrome扩展是最好的想法,但是......但祝你好运