画像を他の画像に置き換えるChrome拡張子

Question

画像を他の画像に置き換えるChrome拡張機能を使用するにはどうすればよいですか？ここで

は、これまでのところ、私のmanifest.jsonをコードです：

{ 
    "name": "HaramB", 
    "version": "69.0.420.666", 
    "manifest_version": 2, 
    "description": "This is HaramB's own extension!", 
    "browser_action": { 
    "default_icon": "images/icon.png", 
    "default_popup": "popup.html", 
    "default_title": "HaramB" 
    }, 
    "permissions": [ 
    "activeTab", 
    "https://ajax.googleapis.com/" 
    ], 
    "icons": { 
    "128": "images/icon.png" 
    }, 
    "web_accessible_resources": [ 
    "images/nicolas.jpg" 
    ], 
    "content_scripts": [{ 
    "matches": ["http://*/*", "https://*/*"], 
    "js": ["onPage.js"], 
    "css": ["onPage.css"] 
    }] 
} 

そして、ここで私のonPage.jsコードです：

var picture = "images/nicolas.jpg"; 
document.getElementsByTagName("img").setAttribute("src", picture); 

ポップアップについてDont'tケア。 htmlまたはonPage.cssファイル

onPage.jsファイル私はそれができない場合は、それを行うには、私に教えてください。

Answer 1

document.getElementsByTagName()は、要素の配列を返します。

var picture = "images/nicolas.jpg", 
    images = document.getElementsByTagName("img"); 

for (var i = 0; i < images.length; i++) { 
    images[i].setAttribute("src", picture); 
}; 

注：これは、配列をループする必要があるので、同じように、個別にあなたがそれらにしたいメソッドを呼び出す意味、setAttributedetailed in this questionとして