js创建元素(节点)示例


Posted in Javascript onJanuary 02, 2014
<!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>
Javascript 相关文章推荐
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐
Jan 27 Javascript
Js四则运算函数代码
Jul 21 Javascript
JQuery设置和去除disabled属性的5种方法总结
May 16 Javascript
js window.open弹出新的网页窗口
Jan 16 Javascript
extjs 分页使用jsp传递数据示例
Jul 29 Javascript
如何利用模板将HTML从JavaScript中抽离
Oct 08 Javascript
JavaScript实现动态增删表格的方法
Mar 09 Javascript
Angular中ng-options下拉数据默认值的设定方法
Jun 21 Javascript
基于angular2 的 http服务封装的实例代码
Jun 29 Javascript
vue父组件向子组件(props)传递数据的方法
Jan 02 Javascript
JavaScript递归函数定义与用法实例分析
Jan 24 Javascript
弱类型语言javascript开发中的一些坑实例小结【变量、函数、数组、对象、作用域等】
Aug 07 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
Jan 02 #Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
Jan 02 #Javascript
javascript中处理时间戳为日期格式的方法
Jan 02 #Javascript
JS脚本defer的作用示例介绍
Jan 02 #Javascript
Javascript中常见的校验如域名、手机、邮箱等等
Jan 02 #Javascript
JavaScript四种调用模式和this示例介绍
Jan 02 #Javascript
ParseInt函数参数设置介绍
Jan 02 #Javascript
You might like
PHP安装攻略:常见问题解答(一)
2006/10/09 PHP
php实现的遍历文件夹下所有文件,编辑删除
2010/01/05 PHP
百度ping方法使用示例 自动ping百度
2014/01/26 PHP
PHP对文件进行加锁、解锁实例
2015/01/23 PHP
PHP实现的json类实例
2015/07/28 PHP
基于PHP实现简单的随机抽奖小程序
2016/01/05 PHP
php数组实现根据某个键值将相同键值合并生成新二维数组的方法
2017/04/26 PHP
PHP之多条件混合筛选功能的实现方法
2019/10/09 PHP
Aster vs KG BO3 第二场2.19
2021/03/10 DOTA
js function使用心得
2010/05/10 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
2014/08/08 Javascript
jQuery圆形统计图开发实例
2015/01/04 Javascript
a标签跳转到指定div,jquery添加和移除class属性的实现方法
2016/10/10 Javascript
解析jQueryEasyUI的使用
2016/11/22 Javascript
three.js中文文档学习之通过模块导入
2017/11/20 Javascript
nodejs+mongodb aggregate级联查询操作示例
2018/03/17 NodeJs
vue 自定义 select内置组件
2018/04/10 Javascript
python创建只读属性对象的方法(ReadOnlyObject)
2013/02/10 Python
用Python实现QQ游戏大家来找茬辅助工具
2014/09/14 Python
python 第三方库的安装及pip的使用详解
2017/05/11 Python
详解python中 os._exit() 和 sys.exit(), exit(0)和exit(1) 的用法和区别
2017/06/23 Python
Python Pywavelet 小波阈值实例
2019/01/09 Python
pyside+pyqt实现鼠标右键菜单功能
2020/12/08 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
Pytorch中膨胀卷积的用法详解
2020/01/07 Python
解决CSS3的opacity属性带来的层叠顺序问题
2016/05/09 HTML / CSS
全面解析HTML5中的标准属性与自定义属性
2016/02/18 HTML / CSS
新西兰最大的在线设计师眼镜店:SmartBuyGlasses新西兰
2017/10/20 全球购物
荷兰度假屋租赁网站:Aan Zee
2020/02/28 全球购物
班组长岗位职责范本
2014/01/05 职场文书
管理专员自荐信
2014/01/26 职场文书
大学生创业策划书
2014/02/02 职场文书
三八红旗手事迹材料
2014/12/26 职场文书
运动会班级前导词
2015/07/20 职场文书
《彼得与狼》教学反思
2016/02/20 职场文书
Python爬虫基础之爬虫的分类知识总结
2021/05/13 Python