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 相关文章推荐
jquery focus(fn),blur(fn)方法实例代码
Dec 16 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
Mar 21 Javascript
jQuery焦点图切换特效代码分享
Sep 15 Javascript
jQuery子元素过滤选择器用法示例
Sep 09 Javascript
leaflet的开发入门教程
Nov 17 Javascript
JS排序之冒泡排序详解
Apr 08 Javascript
微信小程序教程系列之视图层的条件渲染(10)
Apr 19 Javascript
vue动态路由配置及路由传参的方式
May 23 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
Jul 18 Javascript
详解微信小程序图片地扯转base64解决方案
Aug 18 Javascript
vue学习笔记之slot插槽用法实例分析
Feb 29 Javascript
JavaScript 事件捕获冒泡与捕获详情
Nov 11 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
Apache2中实现多网站域名绑定的实现方法
2011/06/01 PHP
php whois查询API制作方法
2011/06/23 PHP
服务器变量 $_SERVER 的深入解析
2013/07/02 PHP
ThinkPHP3.2.3数据库设置新特性
2015/03/05 PHP
PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题
2016/08/12 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
PHP使用redis位图bitMap 实现签到功能
2019/10/08 PHP
Javascript 键盘keyCode键码值表
2009/12/24 Javascript
javascript实现的图片切割多块效果实例
2015/05/07 Javascript
windows下安装nodejs及框架express
2015/08/07 NodeJs
浅谈JavaScript对象的创建方式
2016/06/13 Javascript
jQuery如何获取动态添加的元素
2016/06/24 Javascript
Javascript实现代码折叠功能
2016/08/25 Javascript
JS实现页面进入和返回定位到具体位置
2016/12/08 Javascript
viewer.js实现图片预览功能
2020/06/24 Javascript
JavaScript多种图形实现代码实例
2020/06/28 Javascript
VSCode 配置uni-app的方法
2020/07/11 Javascript
解决vue props传Array/Object类型值,子组件报错的情况
2020/11/07 Javascript
Python中的Matplotlib模块入门教程
2015/04/15 Python
itchat接口使用示例
2017/10/23 Python
Python 十六进制整数与ASCii编码字符串相互转换方法
2018/07/09 Python
Python函数的参数常见分类与用法实例详解
2019/03/30 Python
详解python中的线程与线程池
2019/05/10 Python
简单了解Python3 bytes和str类型的区别和联系
2019/12/19 Python
Pytorch提取模型特征向量保存至csv的例子
2020/01/03 Python
pytorch 计算ConvTranspose1d输出特征大小方式
2020/06/23 Python
美国购车网站:TrueCar
2016/10/19 全球购物
法制宣传口号
2014/06/16 职场文书
片区教研活动总结
2014/07/02 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
自主招生学校推荐信范文
2015/03/26 职场文书
大学军训心得体会800字
2016/01/11 职场文书
2019年最新七夕唯美祝福语(60条)
2019/07/22 职场文书
python编写五子棋游戏
2021/05/25 Python
Opencv实现二维直方图的计算及绘制
2021/07/21 Python
基于Go语言构建RESTful API服务
2021/07/25 Golang