Question

有没有什么方法可以在没有jQuery或JavaScript的情况下在DIV之间移动内容？

示例：

<div id="1">firstDiv</div>
<div id="2">secondDiv</div>

结果：

in DIV with id = 1 will be the content -> secondDiv
in DIV with id = 2 will be the content -> firstDiv

谢谢！

Answer 1

没有javascript或jquery是无法做到的，如果使用javascript，请阅读以下代码。

var divOneContent = document.getElementById('one').innerHTML;
var divTwoContent = document.getElementById('two').innerHTML;

// move
document.getElementById('one').innerHTML = divTwoContent;
document.getElementById('two').innerHTML = divOneContent;

<div id="one">
  one
</div>
<div id="two">
  two
</div>

Answer 2

HI现在曾经在flex这样的CSS中使用

#divflex { display: flex; flex-direction: column; }

#two { order: 1; }
#one { order: 2; }

<div id="divflex">



<div id="one">firstDiv</div>
<div id="two">secondDiv</div>

</div>

有关 flex order

的更多信息

Answer 3

将Flexbox用于方向column-reverse

body {
   display: flex;
   flex-direction: column-reverse;
}

Codepen demo

Answer 4

没有javascript就没办法-您无法通过其他方式更改dom

let div1 = document.getElemenentById("1");
let div2 = document.getElemenentById("2");
let div1Content = div1.innerHTML;
let div2Content = div2.innerHTML;
div1.innerHTML = div2Content;
div2.innerHTML = div1Content;

将内容（数据）从一个DIV移动到另一个DIV

4 个答案: