자바 스크립트을 사용하여로드시 imgsrc을 변경하려고합니다. 하지만 내가 가진 것은 일하고 싶지 않은 것 같습니다. 어떤 아이디어?자바 스크립트 변경로드시 img src
HTML
<img class="fusion-logo-1x" src="//new.network-data-cabling.co.uk/wp-content/uploads/2016/08/ACCL_Logo.png" width="400">
window.onload = function() {
document.getElementsByClassName("fusion-logo-1x").src = "//new.network-data-cabling.co.uk/wp-content/uploads/2016/08/ACCL_Logo.svg";
};
링크 JSfiddle
01-<head> 태그 <script> IN (지정한 IMG SRC의 차이 png 및 svg이다)은 배열과 유사한 객체를 반환합니다. 인덱스를 사용하여 반복 속성을 사용하고 속성에 액세스해야합니다.
document.getElementsByClassName("fusion-logo-1x")[0].src = "//new.network-data-cabling.co.uk/wp-content/uploads/2016/08/ACCL_Logo.svg";
'와 속성을 '사용 ... 노드 목록을 반환 getElementsByClassName' : //www.w3schools ("fusion-logo-1x") [0] .setAttribute ("src", "// new.network-data-cabling.co.uk/wp.jsp" -content/uploads/2016/08/ACCL_Logo.svg "); - 편집 결과 두 번째 슬래시가 죽습니다. – AlexG
아 물론! 그것은 배열이 될 것이라는 의미가됩니다. 정말 고마워! – GiggleSquid
사용이 스크립트
window.onload = function() {
document.getElementsByClassName("fusion-logo-1x")[0].src = "//new.network-data-cabling.co.uk/wp-content/uploads/2016/08/ACCL_Logo.svg";
};
'id' 또는 ['의 setAttribute()'(http로 getElementById' – Rayon