Iexplorer 9 - jscript - replace backgroundImage_问答_开发者

Iexplorer 9 - jscript - replace backgroundImage

开发者 https://www.devze.com 2023-02-25 00:43 出处：网络

I\'am using the next line in a js script with FF and IE9. The BackgroundImage is set somewhere to url(\"images/\\\\BalkLinks.png\")

I'am using the next line in a js script with FF and IE9. The BackgroundImage is set somewhere to

url("images/\\BalkLinks.png")

and later I like to change that image to one with shadow.

stbmkloon.childNodes[x].style.backgroundImage=stbmkloon.childNodes[x].style.backgroundImage.replace(".png","S.png");

In FF, IE8 this is going well but in IE9 the /\\ is changed into a slash forward, a strange character and "Bal" is dropped. Also ".png" is replaced by开发者_如何学Python "S.png" what is correct.

Is there somebody who can tell me what i'm doing wrong ?

an example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">

function PersoonOpVoorgrond (naam)
{
alert('before :'+document.getElementById(naam).style.backgroundImage);
            document.getElementById(naam).style.backgroundImage=document.getElementById(naam).style.backgroundImage.replace(/.png/,"S.png");
alert('after :'+document.getElementById(naam).style.backgroundImage);

}
</SCRIPT>


</head>

<body>
    <div id="Switch" onclick="PersoonOpVoorgrond('Switch');" style="background-image:url(images/\\BalkLinks.png); background-position:0% 0%; background-repeat: no-repeat; border:2px black solid; width:50px;">
        Switch
    </div>
</body>
</html>

You should use regular expressions in the replace function.

backgroundImage.replace(/.png/g,"S.png");

There is also one thing that is dangerous: Not all browsers return the current value of a style property. For example chrome would return an empty string for "style.backgroundImage".

Chrome returns only values that are specified by JavaScript before.