APPEND 문자열 JS 사용

Question

<img src="/images/product/whatever-image.jpg" alt="" />

가있는 곳에 내가 만드는, 즉 페이지, 문자열의 로딩에 "? 액션 = 썸네일은"SRC의 값에 추가됩니다 그래서 원하는 페이지를 가지고

그것 src="/images/product/whatever-image.jpg?Action=thumbnail"

js를 사용하여 이것을 어떻게 달성합니까?

Answer 1

window.addEventListener('load', function(){ 
    /* assuming only one img element */ 
    var image = document.getElementsByTagName('img')[0]; 

    image.src += '?Action=thumbnail'; 
}, false); 

참고 : 이미지의 원본을 변경하면 이미지가 동일하더라도 이미지가 서버에서 "다시 불러올"수 있습니다. 이것은 서버 측에서 더 잘 수행 될 것입니다. 코멘트 후

---

업데이트 :

window.addEventListener('load', function(){ 
    /* assuming only one div with class "divclassname" and img is first child */ 
    var image = document.getElementsByClassName('divclassname')[0].firstChild; 

    image.src += '?Action=thumbnail'; 
}, false);  

Answer 2

사용이 : 나 이미지 인 내 전 사업부 클래스 요소를 얻고 싶었다 경우 진행 얼마나

window.onload = function() { 
    document.getElementById('myImage').src += "/Action=thumbnail"; 
};