基于用户事件顺序，通过JavaScript动态更改CSS flex顺序

我有一个应用程序，它有一个

项目选择列表，这些项目将在

中动态打开




威尔明顿风

艺术机器

呼吸
&抄袭；2017

您错过了

文档中的
.style
部分：

document.getElementById(shID).style.order=myOrdervar;

父元素需要
显示：flex-在您的例子中，这是
元素

将此添加到
元素中：

article {
    display: flex;
}

当没有工作代码段再现问题时，我们无能为力，当然，您可以使用javascript更改
顺序。您可以选择使用脚本交换标记中的元素位置。谢谢，我更改了它，它解释了我在各种测试中遇到的一个问题。不幸的是，它没有对div进行重新排序，它们仍然按照部分中的顺序显示。我更新了上面的代码，给出了一个我正在处理的实际页面的简单示例。无论我如何设置顺序，我都无法更改在文章区域中打开的div的顺序。我一定是在做一些愚蠢的事情，但我看不出来…非常感谢亚伦，我有一种感觉，我错过了一个flex引用，但我看不到在哪里定义它。这就成功了，它正如我所希望的那样工作！完成！（我不知道这张支票是要承兑的）-菲尔
document.getElementById(shID).style.order=myOrdervar;

article {
    display: flex;
}