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 相关文章推荐
SharePoint 客户端对象模型 (一) ECMA Script
May 22 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
Oct 11 Javascript
jQuery实现form表单reset按钮重置清空表单功能
Dec 18 Javascript
jquery网页回到顶部效果(图标渐隐,自写)
Jun 16 Javascript
JavaScript中定义函数的三种方法
Mar 12 Javascript
第五篇Bootstrap 排版
Jun 21 Javascript
easyUI实现类似搜索框关键词自动提示功能示例代码
Dec 27 Javascript
基于vue的fullpage.js单页滚动插件
Mar 20 Javascript
详解Vue.js 2.0 如何使用axios
Apr 21 Javascript
微信小程序之数据绑定原理解析
Aug 14 Javascript
Vue最新防抖方案(必看篇)
Oct 30 Javascript
es6函数之严格模式用法实例分析
Mar 17 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 Class SoapClient not found解决方法
2018/01/20 PHP
php操作redis数据库常见方法实例总结
2020/02/20 PHP
cssQuery()的下载与使用方法
2007/01/12 Javascript
关于js注册事件的常用方法
2013/04/03 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
2013/07/04 Javascript
js判断横竖屏及禁止浏览器滑动条示例
2014/04/29 Javascript
JS如何判断json是否为空
2016/07/06 Javascript
浅谈jquery设置和获得checkbox选中的问题
2016/08/19 Javascript
jQuery事件详解
2017/02/23 Javascript
js上传图片预览的实现方法
2017/05/09 Javascript
node.js文件上传重命名以及移动位置的示例代码
2018/01/19 Javascript
Vue项目引发的「过滤器」使用教程
2019/03/12 Javascript
vue中使用props传值的方法
2019/05/08 Javascript
详解element-ui设置下拉选择切换必填和非必填
2019/06/17 Javascript
vue-cli在 history模式下的配置详解
2019/11/26 Javascript
详细分析vue响应式原理
2020/06/22 Javascript
全网小程序接口请求封装实例代码
2020/11/06 Javascript
JS闭包原理及其使用场景解析
2020/12/03 Javascript
在Python中用get()方法获取字典键值的教程
2015/05/21 Python
python 重命名轴索引的方法
2018/11/10 Python
使用python Telnet远程登录执行程序的方法
2019/01/26 Python
python-tkinter之按钮的使用,开关方法
2019/06/11 Python
python pytest进阶之conftest.py详解
2019/06/27 Python
django删除表重建的实现方法
2019/08/28 Python
Python 中pandas索引切片读取数据缺失数据处理问题
2019/10/09 Python
python 遗传算法求函数极值的实现代码
2020/02/11 Python
keras训练曲线,混淆矩阵,CNN层输出可视化实例
2020/06/15 Python
Html5+CSS3+EL表达式问题小结
2020/12/19 HTML / CSS
美国一家全面的在线零售鞋类公司:SHOEBACCA
2017/01/06 全球购物
Melissa鞋马来西亚官方网站:MDreams马来西亚
2018/04/05 全球购物
初中生物教学反思
2014/01/10 职场文书
运动会标语
2014/06/21 职场文书
新疆民族团结演讲稿
2014/08/27 职场文书
与美同行演讲稿
2014/09/13 职场文书
人民调解协议书范本
2014/10/11 职场文书
医生辞职信范文
2015/03/02 职场文书