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 = "动态创建HTML元素
这是一个新的div元素
";
// 将新的div元素添加到body元素中
document.body.appendChild(newDiv);
以上代码将创建一个带有标题和文本内容的div元素,并将其添加到页面的末尾。