document.addEventListener("DOMContentLoaded", function() {
document.getElementById("goFast").addEventListener("click", function(){
var images = document.getElementsByTagName("img");
var picture = "http://pa1.narvii.com/6176/37025bbf9c14bed34bb3b644ad379717671b33cc_00.gif";
for (var i = 0; i < images.length; i++) {
images[i].setAttribute("src", picture)};
console.log("hello");
});
});
<html>
<head>
<script src="sanic.js"></script>
</head>
<body>
<h1>Sanic</h1>
<button id="goFast">I Gotta Go Fast</button>
</body>
</html>
{
"name": "Sanic",
"version": "1.0",
"manifest_version": 2,
"description": "When you want to go fast",
"browser_action": {
"default_icon": "sanicicon.png",
"default_popup": "index.html"
},
"permissions": [
"activeTab"
],
"web_accessible_resources": [
"sanicicon.png"
],
"content_scripts": [{
"matches": ["<all_urls>"],
"js": ["sanic.js"]
}]
}
После долгих осмотров стекопотока я не смог найти точного ответа на свою проблему, и какое-то время я пробовал разные варианты.
Я пытаюсь создать тупое расширение Chrome для проекта, где при нажатии кнопки он сканирует URL-адрес, на котором вы находитесь, и заменяет все, что он находит в теге img, на изображение sonic.
Если вы замените все onclick и функции и просто добавите var и for, он будет работать нормально. Однако, когда вы добавляете его в функцию к нажатию кнопки, он никогда не работает.