使用javascript创建嵌套的div

使用JavaScript创建嵌套的div可以通过DOM操作实现。DOM（文档对象模型）是一种表示和操作HTML文档的标准方式。

以下是创建嵌套的div的示例代码：

// 创建外层div元素
var outerDiv = document.createElement('div');
// 设置外层div的样式
outerDiv.style.width = '200px';
outerDiv.style.height = '200px';
outerDiv.style.backgroundColor = 'red';

// 创建内层div元素
var innerDiv = document.createElement('div');
// 设置内层div的样式
innerDiv.style.width = '100px';
innerDiv.style.height = '100px';
innerDiv.style.backgroundColor = 'blue';

// 将内层div添加到外层div中
outerDiv.appendChild(innerDiv);

// 将外层div添加到页面中的某个元素中
var container = document.getElementById('container');
container.appendChild(outerDiv);

上述代码中，通过document.createElement方法创建div元素，通过style属性设置div的样式，然后使用appendChild方法将内层div添加到外层div中，最后将外层div添加到页面中的某个元素中。

这种嵌套的div结构可以用于各种场景，比如创建复杂的布局、构建UI组件等。腾讯云相关产品中，提供了腾讯云Web应用防火墙（WAF）用于保护网站和应用程序免受常见的Web攻击，其产品介绍链接地址为：https://cloud.tencent.com/product/waf