需要獲取我的網頁的ID標籤並將其顯示爲Chrome Exstension

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

瀏覽器擴展程序在本地運行（即客戶端），因此尋找到服務器 - 獲取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... 

只是個人注：不知道是否得到與AJAX調用和之前得到認真處理JS基礎知識是最好的想法，雖然...但是好運的Chrome擴展卡在都一樣