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-世界上误解最深的语言分析
Aug 12 Javascript
js中各浏览器中鼠标按键值的差异
Apr 07 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
Javascript基础教程之数组 array
Jan 18 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 Javascript
vue拦截器Vue.http.interceptors.push使用详解
Apr 22 Javascript
浅谈JavaScript中的属性:如何遍历属性
Sep 14 Javascript
Node 自动化部署的方法
Oct 17 Javascript
JavaScript中使用import 和require打包后实现原理分析
Mar 07 Javascript
angularjs通过过滤器返回超链接的方法
Oct 26 Javascript
JS/HTML5游戏常用算法之路径搜索算法 随机迷宫算法详解【普里姆算法】
Dec 13 Javascript
教你如何用Node实现API的转发(某音乐)
Sep 20 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
改变Apache端口等配置修改方法
2008/06/05 PHP
php中实现获取随机数组列表的自定义函数
2015/04/02 PHP
PHP判断是否是微信打开,浏览器打开的方法
2018/03/14 PHP
一个JS翻页效果
2007/07/23 Javascript
基于jquery的关于动态创建DOM元素的问题
2010/12/24 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
2012/05/23 Javascript
javascript实现tabs选项卡切换效果(自写原生js)
2013/03/19 Javascript
编写简单的jQuery提示插件
2014/12/21 Javascript
javascript图片预加载实例分析
2015/07/16 Javascript
js中创建对象的几种方式
2017/02/05 Javascript
Bootstrap按钮组简单实现代码
2017/03/06 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
2017/09/20 Javascript
原生JavaScript实现Ajax异步请求
2017/11/19 Javascript
JS脚本实现网页自动秒杀点击
2018/01/11 Javascript
vue超时计算的组件实例代码
2018/07/09 Javascript
基于element-ui的rules中正则表达式
2018/09/04 Javascript
JS实现随机生成10个手机号的方法示例
2018/12/07 Javascript
解决在Vue中使用axios用form表单出现的问题
2019/10/30 Javascript
JavaScript中交换值的10种方法总结
2020/08/18 Javascript
Python3遍历目录树实现方法
2015/05/22 Python
Linux下通过python访问MySQL、Oracle、SQL Server数据库的方法
2016/04/23 Python
Python完成毫秒级抢淘宝大单功能
2019/06/06 Python
python实现Dijkstra算法的最短路径问题
2019/06/21 Python
python小程序实现刷票功能详解
2019/07/17 Python
如何爬取通过ajax加载数据的网站
2019/08/15 Python
Cython编译python为so 代码加密示例
2019/12/23 Python
PyCharm取消波浪线、下划线和中划线的实现
2020/03/03 Python
详解scrapy内置中间件的顺序
2020/09/28 Python
面向游戏玩家和书呆子的极客订阅盒:Loot Crate
2020/11/25 全球购物
幼儿园消防演练方案
2014/02/13 职场文书
《毛主席在花山》教学反思
2014/04/20 职场文书
应届生求职信
2014/05/31 职场文书
开展党的群众路线教育实践活动情况汇报
2014/11/05 职场文书
心得体会格式及范文
2016/01/25 职场文书
Nginx反向代理至go-fastdfs案例讲解
2021/08/02 Servers
MYSQL 表的全面总结
2021/11/11 MySQL