Менять изображение через Javascript?

Question

Быстрый вопрос относительно Javascript. Я работаю над расширением Safari для обработки страницы поиска Google и хочу изменить логотип Google на собственное изображение. Мой план состоит в том, чтобы внедрить скрипт .js для добавления в расширение.

Пока я пробовал это:

document.getElementById('img#hplogo').innerHTML = 
"<img alt="Google" height="95" id="hplogo" src="logo3w.png" width="275" 
style="padding-top:136px" onload="window.lol&amp;&amp;lol()">"

Для пояснения, изображение логотипа находится под идентификатором на главной странице Google как "hplogo" или, согласно Safari Web Inspector, "img # hplogo" Я хочу заменить src, очевидно, своим собственным logo3w.png, который будет расположен в корне папки расширений (таким образом, AFAIK, расширенный каталог не требуется).

Если бы я мог указывать в правильном направлении по команде, это было бы очень полезно, но на самом деле любая помощь приветствуется. Спасибо!

Answer 1

Вы хотите сделать:

document.getElementById("hplogo").src = "logo3w.png";

Обратите внимание, что «img # hplogo» не говорит о том, что id элемента img «img # hplogo», оно говорит, что выглядя на элемент "img" с идентификатором "hplogo".Поэтому при использовании document.getElementById() вам нужно только передать «hplogo».В CSS вы можете сказать:

img #hplogo {
    display: none;  //or whatever
}
#hplogo {
    display: none;  //or whatever
}

И аналогично jQuery, который поддерживает селекторы элементов в стиле CSS, вы можете сказать:

var image = $("#hpLogo");
var theSameImage = $("img #hplogo");

Но для document.getElementById() все, что вам нужнопройти (и все, что вы можете пройти) это "hplogo".

Answer 2

При изменении свойства "innerHTML" изменяется HTML-код inner , а не сам элемент.Что вы хотите сделать, это найти элемент и изменить его свойство "src".

Answer 3

Возможно, вы захотите изменить атрибут src изображения:

document.getElementById('img#hplogo').src = 'path/to/your/image.jpg'