자바 스크립트로 이미지 변경 하시겠습니까?

Javascript에 관한 빠른 질문입니다. Safari Extension에서 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()">"

을, 로고 이미지는 "hplogo"또는 사파리 웹 경위에 따르면, "IMG 번호의 hplogo로 Google 홈페이지에서 ID 아래 ". 나는 확장 폴더의 루트 (따라서, AFAIK, 고급 디렉토리가 필요하지 않습니다)에 위치 할 것입니다 내 자신의 logo3w.png와 분명히, src를 교체 싶어요.

내가 올바른 방향으로 명령 할 수 있다면, 정말 도움이 될 것이지만, 실제로는 도움이 될 것입니다. 감사!

출처

2011-09-05 Kristian

"google 검색 페이지를 아래로내어 놓기"- ???????????? – Pointy

:은 "IMG 번호의 hplogo"는 말을하지 않는 것을

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

참고가의 ID img 요소는 "img # hplogo"이고, id가 "hplogo"인 "img"요소를보고 있다고합니다. 따라서 document.getElementById()을 사용할 때 "hplogo"만 전달하면됩니다.

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

을 그리고 유사 CSS 스타일 요소 선택기를 지원하는 jQuery를 같은 당신은 말할 수있다 : CSS에서 당신은 말할 수

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

그러나 document.getElementById() 당신이 필요로하는 모든 통과하기를 (모든 수행 할 수 있습니다 패스)는 "hplogo"입니다.

출처

2011-09-05 01:43:04 aroth

감사! 이것은 효과가있다! 크게 감사드립니다. – Kristian

된 이미지의 src 속성을 변경할 수 있습니다 : 당신이 원하는

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

출처

2011-09-05 01:42:20 etuardu

"innerHTML"속성을 변경하면 내부가 HTML이 아닌 요소 자체가 변경됩니다. 당신이하고 싶은 일은 요소를 찾아 "src"속성을 변경하는 것입니다.

출처

2011-09-05 01:43:40 Pointy

자바 스크립트로 이미지 변경 하시겠습니까?

답변

관련 문제