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的jquery地区联动效果代码
Jul 06 Javascript
jQuery在html有效在jsp无效的原因及解决方法
Aug 02 Javascript
toggle()隐藏问题的解决方法
Feb 17 Javascript
php,js,css字符串截取的办法集锦
Sep 26 Javascript
jquery中post方法用法实例
Oct 21 Javascript
jQuery基于ID调用指定iframe页面内的方法
Jul 06 Javascript
Bootstrap学习笔记之环境配置(1)
Dec 07 Javascript
Angular4 中常用的指令入门总结
Jun 12 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
Dec 14 Javascript
node.js文件操作系统实例详解
Nov 05 Javascript
webpack的 rquire.context用法实现工程自动化的方法
Feb 07 Javascript
webpack+express实现文件精确缓存的示例代码
Jun 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
PHP实现文件上传和多文件上传
2015/12/24 PHP
PHP从数组中删除元素的四种方法实例
2017/05/12 PHP
PHP cURL获取微信公众号access_token的实例
2018/04/28 PHP
JQuery与Ajax常用代码实现对比
2009/10/03 Javascript
jQuery EasyUI 中文API Layout(Tabs)
2010/04/27 Javascript
javascript温习的一些笔记 基础常用知识小结
2011/06/22 Javascript
用Jquery实现滚动新闻
2014/02/12 Javascript
Jquery 效果使用详解
2015/11/23 Javascript
javascript实现简易计算器的代码
2016/05/31 Javascript
AngularJs Managing Service Dependencies详解
2016/09/02 Javascript
JavaScript中return用法示例
2016/11/29 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
2017/01/16 Javascript
说说Vue.js中的functional函数化组件的使用
2019/02/12 Javascript
js神秘的电报密码 哈弗曼编码实现
2019/09/10 Javascript
vue项目出现页面空白的解决方案
2019/10/31 Javascript
webpack优化之代码分割与公共代码提取详解
2019/11/22 Javascript
浅谈vue中resetFields()使用注意事项
2020/08/12 Javascript
Python写的创建文件夹自定义函数mkdir()
2014/08/25 Python
Python实现的ini文件操作类分享
2014/11/20 Python
python实现查询苹果手机维修进度
2015/03/16 Python
Python中表示字符串的三种方法
2017/09/06 Python
用Python实现KNN分类算法
2017/12/22 Python
Python tornado上传文件的功能
2020/03/26 Python
django 获取字段最大值,最新的记录操作
2020/08/09 Python
详解Anaconda 的安装教程
2020/09/23 Python
python工具——Mimesis的简单使用教程
2021/01/16 Python
selenium+python自动化78-autoit参数化与批量上传功能的实现
2021/03/04 Python
美国内衣第一品牌:Hanes(恒适)
2016/07/29 全球购物
美国打印机墨水和碳粉购物网站:QuikShip Toner
2018/08/29 全球购物
初级软件工程师面试题 Junior Software Engineer Interview
2015/02/15 面试题
小学防溺水制度
2014/01/29 职场文书
《翻越远方的大山》教学反思
2014/04/13 职场文书
身边的榜样活动方案
2014/08/20 职场文书
先进个人事迹材料(2016推荐版)
2016/03/01 职场文书
Python可视化学习之seaborn调色盘
2022/02/24 Python
MutationObserver在页面水印实现起到的作用详解
2022/07/07 Javascript