js创建元素(节点)示例
2014-01-02 00:00
926 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jquery2</title> <script type="text/javascript"> //创建节点 var addItems = function() { document.getElementById("div1").innerHTML = ""; var value = parseInt(document.getElementById('itemsNumber').value); for (var i = 0; i < value; i++) { var input = document.createElement("input"); input.setAttribute("type", "text"); var br = document.createElement("br"); document.getElementById("div1").appendChild(input); document.getElementById("div1").appendChild(br); } } </script> </head> <body> <input type="text" id="itemsNumber"> <input type="button" id="btn" value="click" onclick="addItems();" > <div id="div1"></div> </body> </html>
相关文章推荐
- js创建元素(节点)示例
- JS创建一个元素节点, 并把该节点添加为文档中指定节点的子节点
- js中创建html标签、加入select下默认的option的value和text、删除select元素节点下全部的OPTION节点
- html——原生js与jquery创建元素节点区别
- JS简单获得节点元素的方法示例
- js动态创建dom元素示例
- Cocos2d-JS 创建node节点示例
- js动态创建DOM元素 示例
- Cocos2d-JS 创建node节点示例
- JS实现为动态创建的元素添加事件操作示例
- js动态创建table节点并通过appendChild拼接子元素的问题
- js之DOM操作(创建元素节点createElement)
- js中创建html标签、添加select下默认的option的value和text、删除select元素节点下所有的OPTION节点
- jQuery第二课 ——节点选择、元素创建与操作、包装对象、jq转原生js
- js动态创建/删除 (页面)元素节点、设置其属性方法
- JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
- JS简单添加元素新节点的方法示例
- js添加、移除、移动、复制、创建节点
- js 获取元素所有兄弟节点实例
- js 处理数组重复元素示例代码