JS 动态创建html元素
2013-08-14 11:25
288 查看
1 JS 动态创建html元素
基本思路
①创建DOM 对象 例如
//创建th对象
var th = document.createElement("ht");
② 实现设置DOM对象的基本属性
th.innerTHML = “表头”;
具体DOM对象有着不同的属性,具体查阅即可
若JS没有提供具体的属性,可以通过setAttribute设置具体属性
③将DOM追加到父节点
XXX.appendChild(th);
即实现了JS动态创建html元素
2 JS动态创建表单
基本方法如下
//创建表单基本
var newElement = document.createElement("input");
//设置表单name
newElement.setAttribute("name","myDOM");
//设置表单类型
newElement.setAttribute("type","button");
//设置表单value值
newElement.setAttribute("value","测试");
基本思路
①创建DOM 对象 例如
//创建th对象
var th = document.createElement("ht");
② 实现设置DOM对象的基本属性
th.innerTHML = “表头”;
具体DOM对象有着不同的属性,具体查阅即可
若JS没有提供具体的属性,可以通过setAttribute设置具体属性
③将DOM追加到父节点
XXX.appendChild(th);
即实现了JS动态创建html元素
2 JS动态创建表单
基本方法如下
//创建表单基本
var newElement = document.createElement("input");
//设置表单name
newElement.setAttribute("name","myDOM");
//设置表单类型
newElement.setAttribute("type","button");
//设置表单value值
newElement.setAttribute("value","测试");
相关文章推荐
- js 动态创建 html元素
- js 动态创建HTML元素
- js动态创建html元素的方法
- js图片库二次改进(动态创建HTML元素)
- js学习之动态创建html元素
- js 动态创建 html元素
- 通过JS动态创建和删除HTML元素
- 通过JS动态创建和删除HTML元素
- js学习之动态创建html元素
- js动态创建html元素的方法
- js中动态创建json格式数据
- document.createElement("input")动态创建html元素时checkbox和radio默认选中的问题
- [转]IE下使用excanvas.js之后,动态创建的canvas不支持getContext的解决方法
- js 用CreateElement动态创建标签示例
- Js脚本:动态添加HTML自定义属性以及处理html元素的自定义属性(兼容Firefox和IE)
- JS动态创建DOM元素的方法
- 简单js动态创建
- js动态创建、删除表格
- 通过js动态创建标签,并设置属性
- JS、JQuery和ExtJs动态创建DOM对象