js控制float

<div id="parent">
  <div id="child1" style="float: left; width: 100px; height: 100px; background-color: red;"></div>
  <div id="child2" style="float: left; width: 100px; height: 100px; background-color: blue;"></div>
</div>

// 获取元素
var child1 = document.getElementById('child1');

// 控制浮动方向
child1.style.float = 'right'; // 或者 'left'，或者 'none' 来取消浮动

#parent::after {
  content: "";
  clear: both;
  display: table;
}

// 创建一个新的style元素
var style = document.createElement('style');
style.type = 'text/css';

// 添加清除浮动的CSS规则
style.innerHTML = '#parent::after { content: \"\"; clear: both; display: table; }';

// 将style元素添加到head中
document.getElementsByTagName('head')[0].appendChild(style);