javascript - 需要获取我的页面的 ID 标签并显示它们以用于 Chrome 扩展

Question

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

我假设我必须使用：

XMLHttpRequest

但是我是通过客户端还是通过我的网站获取我的页面内容？我在这里有点不知所措。帮助将不胜感激！

Answer 1

要通过它的 ID 获取元素，请执行以下操作：

document.getElementById("id");

或作为一个函数：

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

var element1 = ge("element1");

Answer 2

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 扩展是否是最好的想法，不过……但还是祝你好运