从其他页面获取元素的ID并更改属性值

Question

我有一个HTML页面，其中有一个img元素。我还有input字段，其中包含oninput个事件。这就是我遇到的问题。我测试了我的HTML文档中的svg代码并且它可以工作，但问题是代码太长而且看起来很糟糕。

无论哪种方式，该函数都采用this的值作为输入值（这是一种颜色）并更改svg id部分的填充样式。我面临的问题是无法找到svg文件的id，因为它位于不同的文档上。有没有办法让我使用普通的JavaScript或jQuery从不同的页面获取元素id？

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

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

解决方案
使用GutHub Pages在GitHub上公开svg代码，然后只需使用Ajax和Json将代码放入我的文档中，效果很好。