728x90
반응형
[JavaScript & jQuery] img 태그에 src 동적으로 변경하는 방법
$("#image").attr("src", url);
위 형식으로 사용하시면 됩니다!
예제)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<title>Document</title>
</head>
<body>
<button onclick="clickBtn()">click</button>
<img id="image" style="width: 300px;" src="https://t1.daumcdn.net/cfile/tistory/2149683A58CA6BF313">
</body>
</html>
<script>
function clickBtn(){
$("#image").attr("src", "https://images.velog.io/images/hikoand/post/7a027ba4-e221-42c3-9b43-998757a9f156/2541853857EA02BC16.gif");
}
</script>결과값
728x90
반응형
'Coding > JavaScript' 카테고리의 다른 글
| [JavaScript] str, 문자열 마지막 문자 제거하는 방법 !! (0) | 2023.01.25 |
|---|---|
| [JavaScript] array 배열에서 원하는 값 삭제하는 방법 !! (0) | 2023.01.24 |
| [JavaScript] 클릭 이벤트로 다른 버튼 실행시키기 !! (2) | 2023.01.21 |
| [JavaScript] replace() 함수를 replaceAll 처럼 쓰는 방법 !! (0) | 2023.01.12 |
| [JavaScript] GET 데이터 가져오기, URL에 있는 데이터 가져오기 (get parameter) (0) | 2023.01.11 |
댓글