JS移動元素的方法


一、點擊按鈕實現頁面中的某些元素移動到 指定區域(根據用戶輸入)/ 規定區域(代碼中寫死的)
通過 document.getElementById("demo").appendChild(document.getElementById("test")); 來實現

注意:1、也可以通過 getElementsByClassName() 等來實現;

2、這里的事件,除了appendChild() 外,還可以通過 append(),prepend(),before(),after() 來實現(innerHTML不行)。這四個方法將html代碼轉化為文本(包括頁面標簽)顯示在指定區域。

示例如下:



圖片 可參考:http://www.w3school.com.cn/html5/html_5_draganddrop.asp

二、點擊按鈕實現復制指定元素,並將復制的信息放入指定位置。

測試數據,第一段

測試數據,第二段

測試數據,第三段


————————————————


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM