Coding/JavaScript

[JavaScript & jQuery] img 태그에 src 동적으로 변경하는 방법

포스트it 2023. 1. 22. 08:00
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
반응형