js动态添加div并设置样式的方法
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
JavaScript 动态添加 div 并设置样式的方法在 HTML 中，我们可以使用 createElement 方法来创建新的div 元素。
例如:
```javascript
const div = document.createElement("div");
div.innerHTML = "这是一个动态添加的 div";
document.body.appendChild(div);
```
上述代码将创建一个新的 div 元素，并将其内容设置为“这是一个动态添加的 div”,并将该 div 添加到文档的 body 元素中。
接下来，我们可以使用 style 属性来设置 div 的样式。
例如: ```javascript
div.style.backgroundColor = "red";
div.style.color = "white";
```
上述代码将设置 div 的 backgroundColor 为红色，color 为白色。
我们还可以使用 DOM API 来动态修改 div 的样式。
例如:
```javascript
const div = document.createElement("div");
div.innerHTML = "这是一个动态添加的 div";
div.style.backgroundColor = "red";
div.style.color = "white";
document.body.appendChild(div);
```
上述代码将创建一个新的 div 元素，并将其内容设置为“这是一个动态添加的 div”,并使用 style 属性设置了其backgroundColor 和 color 属性为红色和白色。
通过使用 JavaScript 动态添加 div 并设置样式的方法，我们可以创建动态的用户界面，并且可以灵活地设置 div 的样式。