dom创建元素

dom创建元素

//创建元素
var div=document.createElement("div");//创建元素  但是此时元素并没有在body中
document.body.appendChild(div);//将创建的元素添加到body中


//创建文本
var text=document.createTextNode("你好");
document.body.appendChild(text)//将创建的文本节点添加到body里面

//创建注释
var comment=document.createComment("我是一个注释");
document.body.appendChild(comment);//将注释节点放到body里面

//创建文档碎片
var fragment=document.createDocumentFragment();
document.body.appendChild(fragment);//将创建的文本节点 放body里面

```**
//文本节点的作用就是由于有时候可能需要向一个父节点添加许多的子节点  可以创建一个文档碎片 将要创建的子节点放在fragment里面  添加完之后再把fragment添加到父节点里面  这样就只需要向父节点添加一次  同时文档碎片是不会在父节点中显示出来的  也就是说 向父节点添加文档碎片  只会出现文档碎片里面的内容  不会出现文档碎片**