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 相关文章推荐
告诉大家什么是JSON
Jun 10 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
Mar 15 Javascript
javascript闭包的高级使用方法实例
Jul 04 Javascript
jQuery实现复选框批量选择与反选的方法
Jun 17 Javascript
总结十个Angular.js由浅入深的面试问题
Aug 26 Javascript
AngularJS监听路由的变化示例代码
Sep 23 Javascript
JS获取url参数,JS发送json格式的POST请求方法
Mar 29 Javascript
详解js类型判断
May 22 Javascript
JS实现快递单打印功能【推荐】
Jun 21 Javascript
vue实现动态添加数据滚动条自动滚动到底部的示例代码
Jul 06 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
Sep 11 Javascript
Webpack4 使用Babel处理ES6语法的方法示例
Mar 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实现克鲁斯卡尔算法实例解析
2014/08/22 PHP
PHP实现的带超时功能get_headers函数
2015/02/10 PHP
PHP使用strstr()函数获取指定字符串后所有字符的方法
2016/01/07 PHP
微信支付开发订单查询实例
2016/07/12 PHP
Yii2针对指定url的生成及图片等的引入方法小结
2016/07/18 PHP
phpStudy中升级MySQL版本到5.7.17的方法步骤
2017/08/03 PHP
PHP 多任务秒级定时器的实现方法
2018/05/13 PHP
元素绑定click点击事件方法
2015/06/08 Javascript
JQuery ztree带筛选、异步加载实例讲解
2016/02/25 Javascript
Angular实现购物车计算示例代码
2017/02/21 Javascript
seajs实现强制刷新本地缓存的方法分析
2017/10/16 Javascript
使用bootstrap实现下拉框搜索功能的实例讲解
2018/08/10 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
vue实现在线学生录入系统
2020/05/30 Javascript
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
五句话帮你轻松搞定js原型链
2020/12/09 Javascript
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
Python中使用PyQt把网页转换成PDF操作代码实例
2015/04/23 Python
python3.4用循环往mysql5.7中写数据并输出的实现方法
2017/06/20 Python
python组合无重复三位数的实例
2018/11/13 Python
使用Windows批处理和WMI设置Python的环境变量方法
2019/08/14 Python
Python实现清理微信僵尸粉功能示例【基于itchat模块】
2020/05/29 Python
python保留格式汇总各部门excel内容的实现思路
2020/06/01 Python
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
社团文化节邀请函
2014/01/10 职场文书
老总助理工作岗位职责
2014/02/06 职场文书
教师考核评语
2014/04/28 职场文书
热爱祖国的演讲稿
2014/05/04 职场文书
党的群众路线教育实践活动个人整改措施落实情况
2014/11/04 职场文书
2014年保洁工作总结
2014/11/24 职场文书
2014年客服工作总结与计划
2014/12/09 职场文书
宾馆客房管理制度
2015/08/06 职场文书
2016年小学生清明节广播稿
2015/12/17 职场文书
礼仪培训心得体会
2016/01/22 职场文书
演讲开头怎么书写?
2019/08/06 职场文书
Python类方法总结讲解
2021/07/26 Python