js动态创建html元素的方法

在日常工作中有遇到javascript动态创建div元素的问题，今天晚上就整理一下，以后也许自己能用得到。

关键字：document.createElement(" div");

创建一个div的代码：var  mydiv = document.createElement("div");  这样，一个div我们就完成了声明创建。现在mydiv这个变量就是一个dom对象了。

如果需要给div赋其他属性的话，可以用dom的方法；

常用的方法有：

1 添加div的id ---- mydiv.id = "div1";

2 添加div的css ---- mydiv.className = "class1";

3 添加div的内容 ---- mydiv.innerHTML = "hello world";

4 添加div的部分css属性 ----mydiv.style.display = "none";//其他属性类似

5 把我的div添加到页面上一个已经存在了的div里面作为它的子元素 ---- document.getElementById("parent").appendChild(mydiv);

6 把我的div移除 ---- document.getElementById("parent").removeChild(mydiv);

这些基本够用了！以后如果遇到，再更新这个吧。