JavaScript 添加 div45

## 简介
`

` 是 HTML 中用于划分文档结构和创建不同区域的元素。它是一个块级元素，可以包含文本、图像、其他元素等内容。JavaScript 提供了多种方法来动态创建和操纵 DOM 元素，包括 `

` 元素。
## 创建 `

` 元素
使用 JavaScript 创建 `

` 元素有两种主要方法：

()
```javascript
var myDiv = ('div');
```
此方法返回一个新创建的 `

` 元素，但尚未将其添加到 DOM 中。

('div').innerHTML
```javascript
var myDiv = ('div', { innerHTML: '内容' });
```
此方法使用可选的第二个参数来初始化元素的 `innerHTML` 属性，从而在创建时就设置其内容。
## 将 `

` 元素添加到 DOM
创建 `

` 元素后，可以使用以下方法将其添加到 DOM 中：

()
```javascript
(myDiv);
```
此方法将 `myDiv` 元素附加到指定的父元素。

before() 和 after()
```javascript
(myDiv);
(myDiv);
```
这些方法将 `myDiv` 元素分别插入到指定的兄弟元素之前或之后。
## 操纵 `

` 元素
一旦 `

` 元素添加到 DOM 中，就可以使用 JavaScript 操纵其属性、样式和内容：

设置属性
```javascript
('id', 'my-div');
```

获取样式
```javascript
var width = ;
```

设置样式
```javascript
= 'blue';
```

设置内容
```javascript
= '新内容';
```

删除元素
```javascript
();
```
## 示例
以下是一个示例，演示如何使用 JavaScript 动态创建和操纵 `

` 元素：
```javascript
// 创建一个 div 元素
var myDiv = ('div');
// 设置 div 的 id
('id', 'my-div');
// 设置 div 的样式
= '200px';
= '200px';
= 'red';
// 设置 div 的内容
= '这是一个红色方块';
// 将 div 添加到 body 元素中
(myDiv);
// 延迟 2 秒后更改 div 的内容
setTimeout(() => {
= '现在是一个蓝色圆圈';
= 'blue';
= '50%';
}, 2000);
```
## 结论
JavaScript 提供了强大的功能来动态创建、操纵和删除 `