我有 3 個圖像并排,我必須在它們下面放 2 個按鈕。單擊前進,圖像應向前移動并改變位置,然后向后移動,反之亦然。我試圖用數組來完成這項工作,但它沒有響應。它只移動一次,并且無論是向前還是向后單擊一次,它都會執行相同的操作。我已經把我的代碼粘貼到代碼筆中了,請看一下。在這里粘貼代碼給我帶來了麻煩。 https://codepen.io/anon/pen/JqZPVWfunction goleft(){ imgscroll[0] = document.createElement("imgscl"); imgscroll[1] = document.createElement("imgscl"); imgscroll[2] = document.createElement("imgscl"); for(var index=0 ; index < 3; index++) { legendChildNodes[index] = document.getElementById("legends").childNodes[index]; imgscroll[index].src = imgArray[index]; } if(imgArray[0] == document.getElementById("legends").childNodes[0].src) { document.getElementById("legends").replaceChild(imgscroll[1], legendChildNodes[0]); document.getElementById("legends").replaceChild(imgscroll[2], legendChildNodes[1]); document.getElementById("legends").replaceChild(imgscroll[0], legendChildNodes[2]); } else if (imgArray[0] == document.getElementById("legends").childNodes[1].src) { document.getElementById("legends").replaceChild(imgscroll[2], legendChildNodes[0]); document.getElementById("legends").replaceChild(imgscroll[0], legendChildNodes[1]); document.getElementById("legends").replaceChild(imgscroll[1], legendChildNodes[2]); } else if (imgArray[0] == document.getElementById("legends").childNodes[2].src) { document.getElementById("legends").replaceChild(imgscroll[0], legendChildNodes[0]); document.getElementById("legends").replaceChild(imgscroll[1], legendChildNodes[1]); document.getElementById("legends").replaceChild(imgscroll[2], legendChildNodes[2]); }}如果有人能幫我解決這個問題。
replaceChild() 在 javascript 中移動僅運行一次的圖像
滄海一幻覺
2021-06-01 09:57:07