在javascript中将div拆分成多个div

// 创建一个父div元素
var parentDiv = document.createElement('div');
parentDiv.id = 'parentDiv';

// 获取要拆分的div元素
var originalDiv = document.getElementById('originalDiv');

// 获取原始div的宽度和高度
var originalWidth = originalDiv.offsetWidth;
var originalHeight = originalDiv.offsetHeight;

// 计算拆分后每个子div的宽度和高度
var numCols = 3; // 拆分成3列
var numRows = 2; // 拆分成2行
var childWidth = originalWidth / numCols;
var childHeight = originalHeight / numRows;

// 循环创建子div并设置样式
for (var i = 0; i < numRows; i++) {
  for (var j = 0; j < numCols; j++) {
    var childDiv = document.createElement('div');
    childDiv.className = 'childDiv';
    childDiv.style.width = childWidth + 'px';
    childDiv.style.height = childHeight + 'px';
    childDiv.style.float = 'left';
    childDiv.style.border = '1px solid black';
    
    // 将子div添加到父div中
    parentDiv.appendChild(childDiv);
  }
}

// 将父div替换原始div
originalDiv.parentNode.replaceChild(parentDiv, originalDiv);