使用js创建一个div
时间: 2023-12-03 19:03:00 浏览: 59
可以使用以下代码在 HTML 文档中创建一个 div 元素:
```html
<!DOCTYPE html>
<html>
<head>
<title>创建 div 元素</title>
</head>
<body>
<script>
// 创建 div 元素
var div = document.createElement("div");
// 添加文本内容
div.innerHTML = "这是一个 div 元素";
// 将 div 元素添加到页面中
document.body.appendChild(div);
</script>
</body>
</html>
```
这段代码会在页面中创建一个 div 元素,并添加文本内容。可以根据需要修改文本内容和样式。
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_c1.png)