我想让我为javascript选择的元素显示在底部，我该怎么做？

当我选择一个选项时，我希望它位于列表的底部 我想通过拖动元素来替换选中和未选中的元素

我想在元素的开头添加一个复选框，并将添加的元素添加到列表的开头

我怎么做

var close=document.getElementsByClassName（“close”）；
var i；
对于（i=0；i

正文{
保证金：0；
最小宽度：250px；
}
* {
框大小：边框框；
背景色：#292c30；
颜色：白色；
}
保险商实验室{
列表样式类型：无；
}
ulli{
宽度：51%；
光标：指针；
位置：相对位置；
填充：15px 8px 12px 40px；
列表样式类型：无；
字号：17px；
字体风格：普通；
过渡：0.2s；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
}
保险商实验室检查{
边界：#292c30 1px；
断线：自动；
颜色：rgb（121、113、113）；
文字装饰：线条贯通；
字体：斜体；
}
ul li.已检查：：之前{
内容：''；
位置：绝对位置；
边框颜色：rgb（121、113、113）；
边框样式：实心；
边框宽度：0 2px 2px 0；
顶部：10px；
左：16px；
变换：旋转（45度）；
高度：15px；
宽度：7px；
}
.结束{
位置：绝对位置；
右：0；
排名：0；
宽度：30%；
填充：10px；
}
.标题{
填充：25px 60px；
颜色：rgb（121、113、113）；
文本对齐：左对齐；
字体风格：普通；
}
.标题：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
输入{
保证金：0；
边界：rgb（121113113）；
边界半径：0；
宽度：30%；
填充：10px；
浮动：左；
字体大小：15px；
字体风格：普通；
}
.addBtn{
填充：10px；
宽度：15%；
浮动：左；
文本对齐：居中；
字体大小：16px；
光标：指针；
过渡：0.3s；
边界半径：0；
}

+

请回答您的问题，说明您对该问题做了哪些研究，以及您自己为解决该问题做了哪些尝试。事实上，你要求志愿者为你做你的工作，这是相当冒昧的。