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 相关文章推荐
任意位置显示html菜单
Feb 01 Javascript
javascript object array方法使用详解
Dec 03 Javascript
javascript时间函数基础介绍
Mar 28 Javascript
jQuery实现瀑布流的取巧做法分享
Jan 12 Javascript
jQuery实现的简洁下拉菜单导航效果代码
Aug 26 Javascript
jQuery 判断是否包含在数组中Array[]的方法
Aug 03 Javascript
JS正则表达式验证中文字符
May 08 Javascript
使用JavaScript根据图片获取条形码的方法
Jul 04 Javascript
vue-cli项目中怎么使用mock数据
Sep 27 Javascript
微信小程序实现注册登录功能(表单校验、错误提示)
Dec 10 Javascript
vue中如何添加百度统计代码
Dec 19 Vue.js
JavaScript实现页面高亮操作提示和蒙板
Jan 04 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
3.从实例开始
2006/10/09 PHP
discuz加密解密函数使用方法和中文注释
2014/01/21 PHP
JS异常处理try..catch语句的作用和实例
2014/05/05 PHP
Laravel 框架基于自带的用户系统实现登录注册及错误处理功能分析
2020/04/14 PHP
php实现断点续传大文件示例代码
2020/06/19 PHP
关于IE、Firefox、Opera页面呈现异同 写脚本很痛苦
2009/08/28 Javascript
js点击页面其它地方将某个显示的DIV隐藏
2012/07/12 Javascript
jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
2014/01/08 Javascript
JavaScript中的eval()函数使用介绍
2014/12/31 Javascript
jQuery简单几行代码实现tab切换
2015/03/10 Javascript
jquery插件qrcode在线生成二维码
2015/04/26 Javascript
jQuery中 delegate使用的问题
2015/07/03 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
2016/03/31 Javascript
Bootstrap3.0学习教程之JS折叠插件
2016/05/27 Javascript
基于js中this和event 的区别(详解)
2017/10/24 Javascript
AngularJs分页插件使用详解
2018/06/30 Javascript
vue如何实现自定义底部菜单栏
2019/07/01 Javascript
nodejs nedb 封装库与使用方法示例
2020/02/06 NodeJs
[42:48]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第二场 12.11
2020/12/16 DOTA
pyqt4教程之实现windows窗口小示例分享
2014/03/07 Python
Python可变参数函数用法实例
2015/07/07 Python
PyTorch搭建多项式回归模型(三)
2019/05/22 Python
Python threading的使用方法解析
2019/08/28 Python
对python中 math模块下 atan 和 atan2的区别详解
2020/01/17 Python
使用PyCharm官方中文语言包汉化PyCharm
2020/11/18 Python
python实现文件分片上传的接口自动化
2020/11/19 Python
Pandas中两个dataframe的交集和差集的示例代码
2020/12/13 Python
Amara美国站:英国高端家居礼品网站,世界各地的奢侈家具品牌
2017/07/26 全球购物
怎么可以提高数据库查询数据的速度
2014/06/28 面试题
软件测试英文面试题
2012/10/14 面试题
建筑实习自我鉴定
2013/10/18 职场文书
应届生新闻编辑求职信
2013/11/19 职场文书
竞争性谈判邀请书
2014/02/06 职场文书
教师个人考察材料
2014/12/16 职场文书
2016公司年会主持词
2015/07/01 职场文书
生命的关键成分来自太空?陨石说是的
2022/04/29 数码科技