js 定义div

// 创建一个新的 div 元素
const newDiv = document.createElement('div');

// 设置 div 的内容
newDiv.textContent = '这是一个通过 JavaScript 创建的 div 元素';

// 设置 div 的样式（可选）
newDiv.style.width = '200px';
newDiv.style.height = '100px';
newDiv.style.backgroundColor = 'lightblue';
newDiv.style.display = 'flex';
newDiv.style.justifyContent = 'center';
newDiv.style.alignItems = 'center';

// 将新创建的 div 添加到 body 中
document.body.appendChild(newDiv);

const newDiv = document.createElement('div');
newDiv.innerHTML = '<p>这是一个 <strong>通过 JavaScript</strong> 创建的 div 元素</p>';
document.body.appendChild(newDiv);

const content = `
  <h2>标题</h2>
  <p>这是一些段落文本。</p>
`;

const newDiv = document.createElement('div');
newDiv.innerHTML = content;
document.body.appendChild(newDiv);

const parentElement = document.getElementById('parentElementId'); // 替换为实际的父元素 ID
const newDiv = document.createElement('div');
newDiv.textContent = '这是添加到特定父元素的 div';
parentElement.appendChild(newDiv);

const parentElement = document.getElementById('parentElementId'); // 替换为实际的父元素 ID
parentElement.insertAdjacentHTML('beforeend', '<div>这是通过 insertAdjacentHTML 添加的 div</div>');