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 相关文章推荐
JavaScript实际应用:innerHTMl和确认提示的使用
Jun 22 Javascript
jquery HotKeys轻松搞定键盘事件代码
Aug 30 Javascript
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
Jun 11 Javascript
关于jQuery的inArray 方法介绍
Oct 08 Javascript
写自已的js类库需要的核心代码
Jul 16 Javascript
不想让浏览器运行javascript脚本的方法
Nov 20 Javascript
jQuery实现内容定时切换效果完整实例
Apr 06 Javascript
浅谈jQuery中的$.extend方法来扩展JSON对象
Feb 12 Javascript
在小程序开发中使用npm的方法
Oct 17 Javascript
详解使用WebPack搭建React开发环境
Aug 06 Javascript
在layui下对元素进行事件绑定的实例
Sep 06 Javascript
解决Vue打包上线之后部分CSS不生效的问题
Nov 12 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 读取和修改大文件的某行内容的代码
2009/10/30 PHP
php 日期和时间的处理-郑阿奇(续)
2011/07/04 PHP
php实现源代码加密的方法
2015/07/11 PHP
使用纯php代码实现页面伪静态的方法
2015/07/25 PHP
PHP实现对xml的增删改查操作案例分析
2017/05/19 PHP
jQuery最佳实践完整篇
2011/08/20 Javascript
ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围
2012/02/03 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
2013/07/10 Javascript
一个html5播放视频的video控件只支持android的默认格式mp4和3gp
2014/05/08 Javascript
javascript实现动态加载CSS
2015/01/26 Javascript
教你快速搭建Node.Js服务器的方法教程
2017/03/30 Javascript
AngularJS模态框模板ngDialog的使用详解
2018/05/11 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
2019/05/10 Javascript
jquery实现二级导航下拉菜单效果实例
2019/05/14 jQuery
jquery实现上传文件进度条
2020/03/26 jQuery
JS端基于download.js实现图片、视频时直接下载而不是打开预览
2020/05/09 Javascript
ES6字符串的扩展实例
2020/12/21 Javascript
Python pickle类库介绍(对象序列化和反序列化)
2014/11/21 Python
python每隔N秒运行指定函数的方法
2015/03/16 Python
python中reduce()函数的使用方法示例
2017/09/29 Python
Python实现简易版的Web服务器(推荐)
2018/01/29 Python
Python+PIL实现支付宝AR红包
2018/02/09 Python
caffe binaryproto 与 npy相互转换的实例讲解
2018/07/09 Python
python实现朴素贝叶斯算法
2018/11/19 Python
Python中一个for循环循环多个变量的示例
2019/07/16 Python
浅谈tensorflow中Dataset图片的批量读取及维度的操作详解
2020/01/20 Python
Python qrcode 生成一个二维码的实例详解
2020/02/12 Python
Python通过socketserver处理多个链接
2020/03/18 Python
为什么称python为胶水语言
2020/06/16 Python
在Python中字典按值排序的实现方法
2020/11/12 Python
详解CSS3开启硬件加速的使用和坑
2017/08/21 HTML / CSS
Hunkemöller瑞士网上商店:欧洲最大的内衣品牌之一
2018/12/03 全球购物
DNA测试:Orig3n
2019/03/01 全球购物
2015年元旦活动总结
2014/05/09 职场文书
天坛导游词
2015/02/02 职场文书
Golang 结构体数据集合
2022/04/22 Golang