링크를 클릭시 id=A라는 TD에 배경값을 B로 바꾸려합니다..
구현은 어찌저찌해서 짜집기해서 해봤는데 작동이 안됩니다...
<a href="javascript:(A.style.backgroundImage = "url(B)")">
전혀 바뀌질 않습니다..
고수님들 도와주세요 ㅠㅠ
댓글 3개
aequum
13년 전
<script>
function changeImage(id, url) {
var target = document.getElementById(id);
target.style.backgroundImage = "url(" + url +")";
}
</script>
<table>
<tr><td id="test1">#test1</td></tr>
<tr><td id="test2">#test2</td></tr>
</table>
<a href="javascript:changeImage('test1', 'http://www.google.co.kr/logos/2012/newyearsday-2012-res.jpg')">변경 test1</a>
<span style="cursor:pointer" onclick="changeImage('test2', 'http://www.google.co.kr/logos/2012/newyearsday-2012-res.jpg')">변경 test2</span>
----
anchor 태그보다는 span 같은 것 쓰시고 pseudo javascript보다는 event를 쓰시는 것이 좋습니다용.
function changeImage(id, url) {
var target = document.getElementById(id);
target.style.backgroundImage = "url(" + url +")";
}
</script>
<table>
<tr><td id="test1">#test1</td></tr>
<tr><td id="test2">#test2</td></tr>
</table>
<a href="javascript:changeImage('test1', 'http://www.google.co.kr/logos/2012/newyearsday-2012-res.jpg')">변경 test1</a>
<span style="cursor:pointer" onclick="changeImage('test2', 'http://www.google.co.kr/logos/2012/newyearsday-2012-res.jpg')">변경 test2</span>
----
anchor 태그보다는 span 같은 것 쓰시고 pseudo javascript보다는 event를 쓰시는 것이 좋습니다용.
13년 전
감사합니다!! ㅠㅠ
onlymilk74
13년 전
jquery 를 쓰시면
jQuery(document).ready(function(){
jQuery("#A").click(function(){
jQuery(this).css("background-image","url(B)");
});
});
jQuery(document).ready(function(){
jQuery("#A").click(function(){
jQuery(this).css("background-image","url(B)");
});
});
게시판 목록
팁게시판
디자인과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5652 | 10년 전 | 1303 | ||
| 5651 |
멋진남자임
|
10년 전 | 1414 | |
| 5650 | 10년 전 | 3123 | ||
| 5649 | 10년 전 | 1509 | ||
| 5648 |
멋진남자임
|
10년 전 | 2022 | |
| 5647 | 10년 전 | 5015 | ||
| 5646 | 10년 전 | 1743 | ||
| 5645 |
멋진남자임
|
10년 전 | 1893 | |
| 5644 | 10년 전 | 1564 | ||
| 5643 |
 Romancia |
10년 전 | 1684 | |
| 5642 | 10년 전 | 2377 | ||
| 5641 | 10년 전 | 1490 | ||
| 5640 | 10년 전 | 1471 | ||
| 5639 | 10년 전 | 2406 | ||
| 5638 |
 LaRuota |
10년 전 | 3236 | |
| 5637 | 10년 전 | 3831 | ||
| 5636 | 10년 전 | 2109 | ||
| 5635 | 10년 전 | 1463 | ||
| 5634 | 10년 전 | 3369 | ||
| 5633 |
CHAVO
|
10년 전 | 1047 | |
| 5632 | 10년 전 | 2458 | ||
| 5631 | 10년 전 | 3214 | ||
| 5630 | 10년 전 | 1247 | ||
| 5629 | 10년 전 | 1345 | ||
| 5628 | 10년 전 | 2569 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기