Javascript 访问要传递到函数的对象的最佳方式_Javascript_Svg_Parameters

Javascript 访问要传递到函数的对象的最佳方式

javascript svg parameters

Javascript 访问要传递到函数的对象的最佳方式,javascript,svg,parameters,Javascript,Svg,Parameters,我会尽可能地让它简短甜蜜我有一个.svg文件，我正在将它嵌入带有标记的HTML中。我已经嵌入了这个文件5次，每次都给了一个不同的id。我有一个函数，它有两个参数，由第二个函数调用。我试图做的是能够选择传入哪个.svg作为参数，以获得新的颜色我知道这听起来很蹩脚…这是我的测试文件，在我将它应用到我的真实文件之前。是的，我在这方面还是新手。指示我要给哪个圆上色的最好方法是什么？我尝试过数组和循环，但显然没有很好地执行它们先谢谢你我的HTML是这样的： <body> &l

我会尽可能地让它简短甜蜜

我有一个.svg文件，我正在将它嵌入带有标记的HTML中。我已经嵌入了这个文件5次，每次都给了一个不同的id。我有一个函数，它有两个参数，由第二个函数调用。我试图做的是能够选择传入哪个.svg作为参数，以获得新的颜色

我知道这听起来很蹩脚…这是我的测试文件，在我将它应用到我的真实文件之前。是的，我在这方面还是新手。指示我要给哪个圆上色的最好方法是什么？我尝试过数组和循环，但显然没有很好地执行它们

先谢谢你

我的HTML是这样的：

<body>
<div id="buttons">
    <input type="button" value="Color Circle" onclick="GetColor()"/>        
</div><!-- end buttons div -->
<br />
<div id="inputs">
    Color:      <input type="text" id="color" /><br/>
    <!--Position:   <input type="text" id="placement" /><br/>-->
</div>
<br /><br /><br />
<div id="svg_container">
    <!--embed SVG using 'object' tag -->
    <object data="images/circle.svg" type="image/svg+xml" width="375" height="375"          id="myCircle1"></object>
    <object data="images/circle.svg" type="image/svg+xml" width="375" height="375" id="myCircle2"></object>
    <object data="images/circle.svg" type="image/svg+xml" width="375" height="375" id="myCircle3"></object>
    <object data="images/circle.svg" type="image/svg+xml" width="375" height="375" id="myCircle4"></object>
    <object data="images/circle.svg" type="image/svg+xml" width="375" height="375" id="myCircle5"></object>  
</div><!-- end svg_container div -->

我想出来了。无论出于什么原因，我使用了一个应该使用参数名的文本。因此，与其使用var svg=document.getElementById（'myCircle3'.contentDocument'，不如使用var svg=document.getElementById（circleObjId）.contentDocument；

如果您能在plunker或JSFIDLE上提供一个工作示例，那会有所帮助。您从上面发布的代码中得到了什么结果？谢谢@smcrohan-McCrohan。一切都已处理完毕。

function GetColor(){
            var filler = document.getElementById('color').value; 
            SetColor('myCircle1', filler);                
        }
        function SetColor(circleObjId, color){
            //declare and assign variables to be able to access svg and its content
            var svg = document.getElementById('myCircle3').contentDocument;                
            var circle = svg.getElementById('svgCircle');
            //the circle variable is now equivalent to circle.svg img being referenced
            //now that we have the circle, we want to color it
            circle.style.fill = color;
        }