JavaScriptとHTMLを使ってドラッグアンドドロップで要素を並び替える方法 - WEBCAMP MEDIAHTMLで作ったリストをドラッグアンドドロップ要素にする方法 HTMLのliタグで作ったリストをドラッグアンドドロップ要素にして、自在に並び替えできる方法について解説していきます。 HTML/CSS <body> <style> ul{ list-style: none; padding: 0; } li{ cursor:pointer; border:1px solid; } </style> <ul> <li id="test1" draggable="true">リスト1</li> <li id="test2" draggable="true">リスト2</li> <li id="test3" draggable="true">リスト3</li> </ul> <script src="script/test.js"></script> </body> HTMLにドラッグアンドドロップ
