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 EXCEL 操作类代码
Jul 30 Javascript
页面中js执行顺序
Nov 09 Javascript
javascript document.compatMode兼容性
Feb 23 Javascript
使用jquery读取html5 localstorage的值的方法
Jan 04 Javascript
iframe子页面与父页面在同域或不同域下的js通信
May 07 Javascript
在Ubuntu系统上安装Node.JS的教程
Oct 15 Javascript
JS实现获取剪贴板内容的方法
Jun 21 Javascript
js修改onclick动作的四种方法(推荐)
Aug 18 Javascript
网站申请不到支付宝接口、微信接口,免接口收款实现方式几种解决办法
Dec 14 Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
Apr 20 Javascript
Vue中v-for的数据分组实例
Mar 07 Javascript
eslint 的三大通用规则详解
May 16 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
CI框架装载器Loader.php源码分析
2014/11/04 PHP
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
2009/11/26 Javascript
8个超棒的学习 jQuery 的网站 推荐收藏
2011/04/02 Javascript
js获取本机的外网/广域网ip地址完整源码
2013/08/12 Javascript
判断客户浏览器是否支持cookie的示例代码
2013/12/23 Javascript
深入理解JS中的变量及作用域、undefined与null
2014/03/04 Javascript
Javascript中封装window.open解决不兼容问题
2014/09/28 Javascript
Angular.Js的自动化测试详解
2016/12/09 Javascript
BootStrap Fileinput的使用教程
2016/12/30 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
2017/05/07 Javascript
详解js静态资源文件请求的处理
2017/08/01 Javascript
详解Vue打包优化之code spliting
2018/04/09 Javascript
vue :src 文件路径错误问题的解决方法
2018/05/15 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
2018/09/01 jQuery
CKeditor富文本编辑器使用技巧之添加自定义插件的方法
2019/06/14 Javascript
openlayers实现地图弹窗
2020/09/25 Javascript
JavaScript中跨域问题的深入理解
2021/03/04 Javascript
初步剖析C语言编程中的结构体
2016/01/16 Python
如何使用python爬取csdn博客访问量
2016/02/14 Python
python 自动化将markdown文件转成html文件的方法
2016/09/23 Python
pandas 缺失值与空值处理的实现方法
2019/10/12 Python
python实现密度聚类(模板代码+sklearn代码)
2020/04/27 Python
Django之腾讯云短信的实现
2020/06/12 Python
python爬虫利器之requests库的用法(超全面的爬取网页案例)
2020/12/17 Python
详解快速开发基于 HTML5 网络拓扑图应用
2018/01/08 HTML / CSS
服务行业个人求职的自我评价
2013/12/12 职场文书
心理健康心得体会
2014/01/02 职场文书
幼儿园家长会邀请函
2014/01/15 职场文书
元旦红领巾广播稿
2014/02/19 职场文书
挂科检讨书范文
2014/02/20 职场文书
股份合作协议书
2014/09/10 职场文书
群众路线教育实践活动剖析材料
2014/09/30 职场文书
学生上课迟到检讨书
2015/01/01 职场文书
如何在Python中创建二叉树
2021/03/30 Python
MySQL子查询中order by不生效问题的解决方法
2021/08/02 MySQL
Windows Server 版本 20H2 于 8 月 9 日停止支持,Win10 版本 21H1 将于 12 月结束支
2022/07/23 数码科技