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 iframe内的函数调用实现方法
Jul 19 Javascript
jquery获取子节点和父节点的示例代码
Sep 10 Javascript
js类式继承的具体实现方法
Dec 31 Javascript
jQuery表格插件datatables用法详解
Nov 23 Javascript
倾力总结40条常见的移动端Web页面问题解决方案
May 24 Javascript
javascript实现简单的ajax封装示例
Dec 28 Javascript
Node.js的Mongodb使用实例
Dec 30 Javascript
Vue组件实例间的直接访问实现代码
Aug 20 Javascript
详解Angular路由之路由守卫
May 10 Javascript
详解如何在nuxt中添加proxyTable代理
Aug 10 Javascript
微信小程序关键字变色实现代码实例
Dec 13 Javascript
vue 子组件修改data或调用操作
Aug 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
thinkphp中U方法按路由规则生成url的方法
2018/03/12 PHP
基于jquery循环map功能的代码
2011/02/26 Javascript
加随机数引入脚本不让浏览器读取缓存
2014/09/04 Javascript
下拉框select的绑定示例
2014/09/04 Javascript
node.js中的fs.realpath方法使用说明
2014/12/16 Javascript
javascript html实现网页版日历代码
2016/03/08 Javascript
浅谈Angular.js中使用$watch监听模型变化
2017/01/10 Javascript
Angularjs上传文件组件flowjs功能
2017/08/07 Javascript
JavaScript实现简单图片轮播效果
2017/08/21 Javascript
JS switch判断 三目运算 while 及 属性操作代码
2017/09/03 Javascript
浅析前端路由简介以及vue-router实现原理
2018/06/01 Javascript
使用electron实现百度网盘悬浮窗口功能的示例代码
2018/10/24 Javascript
详解ES6中的Map与Set集合
2019/03/22 Javascript
vue组件之间的数据传递方法详解
2019/04/19 Javascript
通过JQuery,JQueryUI和Jsplumb实现拖拽模块
2019/06/18 jQuery
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
Vue组件简易模拟实现购物车
2020/12/21 Vue.js
React服务端渲染原理解析与实践
2021/03/04 Javascript
Python设计模式之观察者模式实例
2014/04/26 Python
Python输出9*9乘法表的方法
2015/05/25 Python
利用python批量给云主机配置安全组的方法教程
2017/06/21 Python
python3+PyQt5实现自定义流体混合窗口部件
2018/04/24 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
浅析python的优势和不足之处
2018/11/20 Python
Django模板Templates使用方法详解
2019/07/19 Python
Python企业编码生成系统之系统主要函数设计详解
2019/07/26 Python
Django框架中序列化和反序列化的例子
2019/08/06 Python
阿迪达斯西班牙官方网站:adidas西班牙
2016/07/21 全球购物
万得城电器土耳其网站:欧洲第一大电子产品零售商
2016/10/07 全球购物
世界上最好的精品店:Shoptiques
2018/02/05 全球购物
JD Sports马来西亚:英国领先的运动鞋和运动服饰零售商
2018/03/13 全球购物
小蚁科技官方商店:YI Technology
2019/08/23 全球购物
华为python面试题
2016/05/03 面试题
行政管理毕业生自荐信
2014/02/24 职场文书
详解Alibaba Java诊断工具Arthas查看Dubbo动态代理类
2022/04/08 Java/Android
Java 写一个简单的图书管理系统
2022/04/26 Java/Android