我編寫(xiě)了一個(gè) JavaScript 函數(shù)，可以根據(jù)單擊的按鈕來(lái)更改元素的背景圖像。所有圖像都存儲(chǔ)在單獨(dú)的文件夾中。它可以在本地主機(jī)上正常工作，但是當(dāng)我在本地主機(jī)上運(yùn)行頁(yè)面時(shí)，該特定功能不再工作，所有其他 JavaScript 功能都可以正常工作。我還沒(méi)有在該頁(yè)面上實(shí)現(xiàn) php，所以我不確定問(wèn)題是什么。function changeBG(btnID){    var card = document.getElementById('edit');    if(btnID == 'btn1')        card.style.backgroundImage = "url('/images/1.JPG')";    else if(btnID == 'btn2')        card.style.backgroundImage = "url('/images/2.jpg')";    else if(btnID == 'btn3')        card.style.backgroundImage = "url('/images/3.jpg')";    else if(btnID == 'btn4')        card.style.backgroundImage = "url('/images/4.jpg')";}.cardImage{    height: 15rem;    width: 30rem;    border-radius: 30px;    background: #a4bac0;    background-image: url('');    background-position: center;}<div class="cardImage" id="edit">    <h5>Card</h5></div><div class="options">    <h6>Options</h6>    <button class="op" id="btn1" onclick="changeBG(this.id);">1</button>    <button class="op" id="btn2"  onclick="changeBG(this.id);">2</button>    <button class="op" id="btn3"  onclick="changeBG(this.id);">3</button>    <button class="op" id="btn4"  onclick="changeBG(this.id);">4</button>    <button class="op" id="save">Save</button></div>