javascript var newDiv = document.createElement("div");接着,我们可以使用appendChild方法将这个新的元素添加到现有的HTML元素中,例如将新的div元素添加到body元素中:
javascript document.body.appendChild(newDiv);我们也可以通过设置元素的属性来修改元素的属性值,例如修改div元素的class属性:
javascript newDiv.setAttribute("class", "my-class");最后,我们可以使用innerHTML属性来设置元素的内容,例如设置div元素的文本内容:
javascript newDiv.innerHTML = "完整的示例代码如下:这是一个新的div元素
";
javascript // 创建一个新的div元素 var newDiv = document.createElement("div"); // 设置div元素的class属性 newDiv.setAttribute("class", "my-class"); // 设置div元素的内容 newDiv.innerHTML = "以上代码将创建一个带有标题和文本内容的div元素,并将其添加到页面的末尾。动态创建HTML元素
这是一个新的div元素
"; // 将新的div元素添加到body元素中 document.body.appendChild(newDiv);