访问<object>或<embed />的DOM

Question

我的index.html是

<object id="embed" data="test.html" width="500" height="500"
        type="text/xml"></object>
<script>
var test = document.getElementById("test");
var embed = document.getElementById("embed");
test.style.fill = "purple";
</script>

我的test.html是

<style>
    #test {
        cx: 80%;
        fill: green;
    }
</style>
<svg width="500" height="500">
    <circle id="test" cx="50%" cy="50%" r="40%"
            stroke="black" stroke-width="1" fill="red" />
</svg>

我想将父文档中的CSS应用于加载的svg。我还想使用父文档中的javascript来处理svg。 CSS的作品。 JavaScript也可以。它们都可以修改位置和填充位置，但只能在test.html文档中使用。

如何处理嵌入式SVG并设置样式？我有一个装满它们的文件夹，可以将它们混合并重新标记，这对于我的较大项目是必需的。在阅读html导入的残骸时，我有一个大卫·林奇（David Lynch）的情节，大小令人头疼，现在就避免使用它们。

不要使用jQuery。