Javascript 编辑另一页的html属性

Javascript 编辑另一页的html属性,javascript,jquery,html,svg,Javascript,Jquery,Html,Svg,我有一段代码,用于在同一页面中编辑.svg文件的属性 函数changeInnerColor(){ var y=document.getElementsByCassName(“内部”); var j; 对于(j in y){ y[j].设置属性(“填充”,“#4949”); console.log(y[j]); } } 函数changeOuterColor(){ var x=document.getElementsByClassName(“外部”); var i; 对于(x中的i){ x[i].

我有一段代码,用于在同一页面中编辑.svg文件的属性

函数changeInnerColor(){
var y=document.getElementsByCassName(“内部”);
var j;
对于(j in y){
y[j].设置属性(“填充”,“#4949”);
console.log(y[j]);
}
}
函数changeOuterColor(){
var x=document.getElementsByClassName(“外部”);
var i;
对于(x中的i){
x[i].setAttribute(“填充”,“#ff0”);
console.log(x[i]);
}
}

使用对象标记

<object id="img1" type="image/svg+xml" data="img.svg"/>

设置图像

<img scr="facebook.php?innercolor=FFFFF&outercolor=0481D9" id="myImage"> 

唯一的方法是使用服务器端语言创建另一个文件,并以image/svg+xml内容类型返回产品。你的服务器上有哪些可用的服务器端语言?@JackPilowsky我用了laravel。谢谢你的回答,但你能再解释一下吗。
<?php
    header('Content-Type: image/svg+xml ');
    $innercolor = $GET['innercolor'];
    $outercolor = $GET['outercolor'];
?>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
     <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="130px" height="130px" viewBox="0 0 130 130" enable-background="new 0 0 130 130" xml:space="preserve">
     <g>
     <g id="Shape_1_copy_3_22_">
          <ellipse fill="#<?php echo $innercolor; ?>" class="outer" cx="65" cy="65" rx="64" ry="64.017"/>
     </g>
     <g id="Shape_153">
          <path fill="#<?php echo outercolor;  ?>" class="inner" d="M74.044,52.203H63.407c-2.937,0-5.318,2.378-5.318,5.318c0,2.934,2.382,5.318,5.318,5.318h10.637
        c2.46,0,5.318,4.061,5.318,9.307c0,5.131-4.771,9.307-10.637,9.307h-5.318c-5.864,0-10.637-4.772-10.637-10.637V44.225
        c0-2.94-2.381-5.318-5.318-5.318c-2.937,0-5.318,2.378-5.318,5.318v26.592c0,11.729,9.544,21.273,21.273,21.273h5.318
        c11.73,0,21.273-8.948,21.273-19.943C89.999,61.146,82.842,52.203,74.044,52.203z"/>
</g>
function changeInnerColor() {
    var y = document.getElementsByID("myImage");
    y.src = "facebook.php?innercolor=494949&outercolor=0481D9";
}

function changeOuterColor(){
    var x = document.getElementsByID("myImage");
    x.src = "facebook.php?innercolor=494949&outercolor=ff0";    
}