浅谈javascript中createElement事件


Posted in Javascript onDecember 05, 2014

createElement是HTML中应用W3C DOM对像模型建立子节点也就是子元素的概念

 <script>

   window.onload = function () {

   var input  = document.createElement('input');

   var button = document.createElement('input');

   input.type ='text';  

   input.id= 'text';

   input.value ='1';

   button.type='button';

   button.value ='逐加';

   button.style.width = '40px';

   button.style.height = '23px';

   document.body.appendChild(input);

   document.body.appendChild(button);

   button.onclick = function(){

      var value = input.value;

      input.value = value * 1 + 1;

   }

  }

 </script>

 注:value其实是一个字符,如果将input.value=value*1+1;换成input.value=value+1;则结果会出现111111,他是不断以字符形式加1的,所以这时候value*1的就能将value值转换成Int型了。

总结:

要最终解决 createElement 方法的兼容性问题,还是要注意判断浏览器,针对 IE 可以使用其特有的通过为createElement 传入一段合法的 HTML 代码字符串作为参数的方法,非 IE 浏览器仍然使用 W3C 规范的标准方法。

Javascript 相关文章推荐
Prototype使用指南之dom.js
Jan 10 Javascript
JavaScript 模拟用户单击事件
Dec 31 Javascript
Javascript图像处理—为矩阵添加常用方法
Dec 27 Javascript
使用js完成节点的增删改复制等的操作
Jan 02 Javascript
js重写方法的简单实现
Jul 10 Javascript
js实现微博发布小功能
Jan 12 Javascript
JS打开摄像头并截图上传示例
Feb 18 Javascript
JavaScript 点击触发复制功能实例详解
Nov 02 Javascript
详解小程序退出页面时清除定时器
Apr 28 Javascript
微信小程序如何调用json数据接口并解析
Jun 29 Javascript
浅析微信小程序自定义日历组件及flex布局最后一行对齐问题
Oct 29 Javascript
js+html+css实现手动轮播和自动轮播
Dec 30 Javascript
javascript的push使用指南
Dec 05 #Javascript
javascript结合ajax读取txt文件内容
Dec 05 #Javascript
javascript实现切换td中的值
Dec 05 #Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 #Javascript
深入分析js的冒泡事件
Dec 05 #Javascript
Javascript解析URL方法详解
Dec 05 #Javascript
jQuery不兼容input的change事件问题解决过程
Dec 05 #Javascript
You might like
拼音码表的生成
2006/10/09 PHP
应用开发中涉及到的css和php笔记分享
2011/08/02 PHP
PHP OPP机制和模式简介(抽象类、接口和契约式编程)
2014/06/09 PHP
Javascript开发包大全整理
2006/12/22 Javascript
jquery实现弹出div,始终显示在屏幕正中间的简单实例
2014/03/08 Javascript
jquery插件开发之实现md5插件
2014/03/17 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
2014/07/21 Javascript
微信小程序中hidden不生效原因的解决办法
2017/04/26 Javascript
Js利用console计算代码运行时间的方法示例
2017/09/24 Javascript
使用webpack搭建react开发环境的方法
2018/05/15 Javascript
vue导出html、word和pdf的实现代码
2018/07/31 Javascript
解决JavaScript layui 下拉框不显示的问题
2018/08/14 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
2019/05/10 Javascript
JavaScript 扩展运算符用法实例小结【基于ES6】
2019/06/17 Javascript
vue props default Array或是Object的正确写法说明
2020/07/30 Javascript
[46:10]2014 DOTA2国际邀请赛中国区预选赛 CnB VS HGT
2014/05/21 DOTA
python生成日历实例解析
2014/08/21 Python
python获取从命令行输入数字的方法
2015/04/29 Python
CentOS 6.5下安装Python 3.5.2(与Python2并存)
2017/06/05 Python
使用Python的turtle模块画图的方法
2017/11/15 Python
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
python面向对象实现名片管理系统文件版
2019/04/26 Python
Python计算两个矩形重合面积代码实例
2019/09/16 Python
使用pytorch实现论文中的unet网络
2020/06/24 Python
微信小程序实现可实时改变转速的css3旋转动画实例代码
2018/09/11 HTML / CSS
使用css3 属性如何丰富图片样式(圆角 阴影 渐变)
2012/11/22 HTML / CSS
FILA德国官方网站:来自意大利的体育和街头服饰品牌
2019/07/19 全球购物
电气专业推荐信范文
2013/11/18 职场文书
应届大学生求职信
2013/12/01 职场文书
保安自我鉴定范文
2013/12/08 职场文书
我有一个梦想演讲稿
2014/05/05 职场文书
教师三严三实学习心得体会
2014/10/11 职场文书
信访维稳承诺书
2015/05/04 职场文书
太行山上观后感
2015/06/05 职场文书
筑梦中国心得体会
2016/01/18 职场文书
JS继承最简单的理解方式
2021/03/31 Javascript