添加、删除标签

var 变量名 = document.createElement(“标签”);

添加标签 : 向父元素对象添加最后一个子元素。

var 变量名 = document.createElement(“标签”);

父级元素.appendChild(变量名);

删除标签 : 删除指定元素中的指定的子元素。

父级元素.removeChild(子元素);

案例：

获取输入内容：

javascript

var text = document.getElementById("text");

这行代码获取了 ID 为text的 DOM 元素，通常是用户输入评论的文本框。

内容验证：

javascript

if(text.value){

// 创建评论的代码

}

这里检查文本框是否有内容。如果有内容，则继续执行创建评论的操作；如果为空，则不执行任何操作。

创建评论容器：

javascript

var comment = document.createElement("div");

comment.className = 'comment';

创建了一个div元素作为评论的容器，并为其添加了comment类，这个类应该在 CSS 中定义了评论的样式。

设置评论内容：

javascript

comment.innerHTML = "

comment.innerHTML += "

" + text.value + "

comment.innerHTML += "

第一段 HTML 设置了评论者的名称和地区，固定显示为 "中岳狂飙 096 [浙江网友]"。第二段将用户在文本框中输入的内容作为评论的正文。第三段设置了评论的底部信息，包括固定的时间戳 "2022-8-11 08:19" 和交互选项 "推荐 48 / 回复 / 举报"。 添加评论到页面：

javascript

var main = document.getElementById("main");

main.appendChild(comment);

获取 ID 为main的元素（评论区容器），并将新创建的评论元素添加到其中。

清空输入框：

javascript

text.value = '';

提交评论后，清空文本框以便用户继续输入。