다른 페이지에서 요소 ID 가져 오기 및 속성 값 변경

Question

나는 img 요소가있는 HTML 페이지가 있습니다. oninput 이벤트가있는 input 필드도 있습니다. 이것이 제가 가지고있는 문제입니다. 내 HTML 문서 안에 svg 코드가 있다는 것을 테스트 한 결과 작동하지만 문제는 코드가 너무 길어서 좋지 않은 것입니다.

어느 쪽이든 짧은 기능은 입력 값 (색상) 인 this의 값을 취하고 svg id 부분의 채우기 스타일을 변경합니다. 내가 직면하고있는 문제는 그것이 다른 문서에 있기 때문에 svg 파일의 id를 찾을 수 없다는 사실이다. 일반 자바 스크립트 또는 jQuery를 사용하여 다른 페이지에서 요소 ID를 가져 오는 방법이 있습니까?

<div> 
    <img src="male_avatar.svg"> 
    <span> Background Color: </span> 
    <input type="color" value="#ffffff" oninput="changeAvatarColor (this);"> 
</div> 

단순히 내 문서에 코드를 얻기 위해 Ajax와 JSON을 사용하여 다음 GutHub 페이지 및을 사용 GitHub의에

function changeAvatarColor (color) { 
    // Some method to take id 
    // (svg's id).css({ fill: color.value}); 
    // P.S the color value is the inputs given color since it's type="color" 
} 

Answer 1

솔루션
만들기 SVG 코드 공개는 완벽하게 작동합니다.