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 removeChild 使用注意事项
Apr 11 Javascript
JS 类型转换常见方法小结
May 31 Javascript
jqGrid读取选择的多行的某个属性代码
May 18 Javascript
使用vue实现点击按钮滑出面板的实现代码
Jan 10 Javascript
基于jQuery实现数字滚动效果
Jan 16 Javascript
快速掌握jQuery插件开发
Jan 19 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
Sep 25 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
Oct 31 Javascript
Vue header组件开发详解
Jan 26 Javascript
React+Webpack快速上手指南(小结)
Aug 15 Javascript
Vue实现本地购物车功能
Dec 05 Javascript
this.$toast() 了解一下?
Apr 18 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学习教程之第1天
2008/06/15 PHP
PHP连接局域网MYSQL数据库的简单实例
2013/08/26 PHP
input+select(multiple) 实现下拉框输入值
2009/05/21 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件
2011/12/21 Javascript
关于图片的预加载过程中隐藏未知的
2012/12/19 Javascript
JS删除数组元素的函数介绍
2013/03/27 Javascript
将两个div左右并列显示并实现点击标题切换内容
2013/10/22 Javascript
关于网页中的无缝滚动的js代码
2016/06/09 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
2016/06/21 Javascript
jQuery的ajax下载blob文件
2016/07/21 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
2016/11/21 Javascript
概述javascript在Google IE中的调试技巧
2016/11/24 Javascript
easyUI combobox实现联动效果
2017/01/17 Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
2017/02/28 Javascript
基于jQuery实现的Ajax 验证用户名唯一性实例代码
2017/06/28 jQuery
JavaScript创建对象的七种方式全面总结
2017/08/21 Javascript
EasyUI创建人员树的实例代码
2017/09/15 Javascript
简单的vuex 的使用案例笔记
2018/04/13 Javascript
微信小程序实现同时上传多张图片
2020/02/03 Javascript
nginx配置域名后的二级目录访问不同项目的配置操作
2020/11/06 Javascript
[02:17]《辉夜杯》TRG战队巡礼
2015/10/26 DOTA
[49:08]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python实现自动登录人人网并访问最近来访者实例
2014/09/26 Python
python2.7的编码问题与解决方法
2016/10/04 Python
用pycharm开发django项目示例代码
2019/06/13 Python
对PyQt5中树结构的实现方法详解
2019/06/17 Python
python求最大值最小值方法总结
2019/06/25 Python
Flask配置Cors跨域的实现
2019/07/12 Python
手把手教你进行Python虚拟环境配置教程
2020/02/03 Python
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
UGG英国官方网站:UGG UK
2018/02/08 全球购物
自我鉴定四大框架
2014/01/17 职场文书
大学学生个人总结
2015/02/15 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书
4种非常实用的python内置数据结构
2021/04/28 Python
vue实现可拖拽的dialog弹框
2021/05/13 Vue.js