js动态创建html元素的方法
2014-02-27 19:18
453 查看
在日常工作中有遇到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);
这些基本够用了!以后如果遇到,再更新这个吧。
关键字: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);
这些基本够用了!以后如果遇到,再更新这个吧。
相关文章推荐
- js动态创建html元素的方法
- 使用js动态创建控件的方法
- IE下使用excanvas.js之后动态创建的canvas不支持getContext的解决方法(转)
- JS动态创建元素(两种方法)
- jQuery动态创建html元素的常用方法汇总
- js 动态创建 html元素
- HTML中关于动态创建的标签无法绑定js事件的解决方法
- js动态创建表格方法
- JS动态创建元素的两种方法
- js动态创建及移除div的方法
- JS中动态创建元素的三种方法总结(推荐)
- js 使用js的CreateElement方法创建元素、样式表动态引入
- JS动态创建元素的两种方法
- js 使用js的CreateElement方法创建元素、样式表动态引入
- JS使用eval()动态创建变量的方法
- jQuery动态创建html元素的常用方法汇总
- 通过JS动态创建和删除HTML元素
- GridView固定表头 - 动态创建模板列 、构造模板选择列触发js方法
- js图片库二次改进(动态创建HTML元素)
- js实现动态创建txt框。今天学生问此问题,做个小例子,大家也说说还有什么实现的方法。