浅谈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 相关文章推荐
分享XmlHttpRequest调用Webservice的一点心得
Jul 20 Javascript
jQuery基本过滤选择器使用介绍
Apr 18 Javascript
JS图片无缝滚动(简单利于使用)
Jun 17 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
Mar 10 Javascript
使用jquery.form.js实现图片上传的方法
May 05 Javascript
js利用正则表达式检验输入内容是否为网址
Jul 05 Javascript
AngularJS之自定义服务详解(factory、service、provider)
Apr 14 Javascript
javascript+jQuery实现360开机时间显示效果
Nov 03 jQuery
vuex state及mapState的基础用法详解
Apr 19 Javascript
vue实现全匹配搜索列表内容
Sep 26 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
Nov 01 Javascript
JavaScript代码简化技巧实例解析
Sep 09 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
提取HTML标签
2006/10/09 PHP
PHP读取ACCESS数据到MYSQL的代码
2011/05/11 PHP
php方法调用模式与函数调用模式简例
2011/09/20 PHP
php 不使用js实现页面跳转
2014/02/11 PHP
thinkphp实现面包屑导航(当前位置)例子分享
2014/05/10 PHP
php命令行用法入门实例教程
2014/10/27 PHP
php通过前序遍历树实现无需递归的无限极分类
2015/07/10 PHP
PHP中的访问修饰符简单比较
2019/02/02 PHP
Laravel配合jwt使用的方法实例
2020/10/25 PHP
javascript之函数直接量(function(){})()
2007/06/29 Javascript
JS中==与===操作符的比较
2009/03/21 Javascript
javascript正则表达式中参数g(全局)的作用
2010/11/11 Javascript
同域jQuery(跨)iframe操作DOM(实例讲解)
2013/12/19 Javascript
解决jquery操作checkbox火狐下第二次无法勾选问题
2014/02/10 Javascript
什么是 AngularJS?AngularJS简介
2014/12/06 Javascript
js图片模糊切换显示特效的方法
2015/02/17 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
vue时间格式化实例代码
2017/06/13 Javascript
bootstrap表格内容过长时用省略号表示的解决方法
2017/11/21 Javascript
Webpack 之 babel-loader文件预处理器详解
2018/03/23 Javascript
vue页面加载时的进度条功能(实例代码)
2020/01/13 Javascript
python通过pil模块将raw图片转换成png图片的方法
2015/03/16 Python
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
Python如何实现文本转语音
2016/08/08 Python
Django URL传递参数的方法总结
2016/08/28 Python
Python自动发送邮件的方法实例总结
2018/12/08 Python
浅谈pandas筛选出表中满足另一个表所有条件的数据方法
2019/02/08 Python
python匿名函数lambda原理及实例解析
2020/02/07 Python
我爱我校演讲稿
2014/05/21 职场文书
对党的十八届四中全会的期盼
2014/10/17 职场文书
党风廉政承诺书2016
2016/03/25 职场文书
Python利用机器学习算法实现垃圾邮件的识别
2021/06/28 Python
详解使用内网穿透工具Ngrok代理本地服务
2022/03/31 Servers
SpringBoot整合Minio文件存储
2022/04/03 Java/Android
Java 通过手写分布式雪花SnowFlake生成ID方法详解
2022/04/07 Java/Android
Redis 报错 error:NOAUTH Authentication required
2022/05/15 Redis