38

私は次のHTMLを持っています:

<div id="tab1" style="position:relative; background-image:url(buttons/off.png);
    <a href="javascript:ChangeBackgroundImageOfTab('tab1', 'on');">
        <img id="DivBtn1" name="DivBtn1" src="buttons/text.png" >
    </a>
</div>

および次の Javascript:

function ChangeBackgroungImageOfTab(tabName, imagePrefix)
{
    document.getElementById(tabName).style.background-image= 'url("buttons/" + imagePrefix + ".png")';
}

getElementByID への呼び出しを介してタブの背景画像を設定しようとすると、問題が発生します - 渡されたパラメーターと他のハードコードされた値を使用する動的 URL を作成する方法がわかりました。この場合、OFF の背景画像を ON の背景画像と交換します。

これどうやってするの?javascript変数を使用し、それにフルパスを割り当ててから、背景画像パスとして呼び出しに送信する方法はありますか?

4

3 に答える 3