浅谈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 相关文章推荐
使用JavaScript库还是自己写代码?
Jan 28 Javascript
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
Jan 01 Javascript
Javascript变量函数浅析
Sep 02 Javascript
类似php的js数组的in_array函数自定义方法
Dec 27 Javascript
jquery ztree实现下拉树形框使用到了json数据
May 14 Javascript
Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式
Jun 24 Javascript
再谈javascript原型继承
Nov 10 Javascript
JS操作HTML自定义属性的方法
Feb 10 Javascript
js实现人民币大写金额形式转换
Apr 27 Javascript
JS async 函数的含义和用法实例总结
Apr 08 Javascript
Element Breadcrumb 面包屑的使用方法
Jul 26 Javascript
vue二选一tab栏切换新做法实现
Jan 19 Vue.js
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
PHP利用APC模块实现文件上传进度条的方法
2015/01/26 PHP
Thinkphp3.2实用篇之计算型验证码示例
2017/02/09 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
基于swoole实现多人聊天室
2018/06/14 PHP
php解决crontab定时任务不能写入文件问题的方法分析
2019/09/16 PHP
php use和include区别总结
2019/10/13 PHP
window.showModalDialog参数传递中含有特殊字符的处理方法
2013/06/06 Javascript
JS中对象与字符串的互相转换详解
2016/05/20 Javascript
总结JavaScript的正则与其他语言的不同之处
2016/08/25 Javascript
js 弹出虚拟键盘修改密码的简单实例
2016/10/10 Javascript
jQuery制作图片旋转效果
2017/02/02 Javascript
Bootstrap导航条学习使用(一)
2017/02/08 Javascript
[58:09]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第三场 6.2
2018/06/03 DOTA
flask中使用SQLAlchemy进行辅助开发的代码
2013/02/10 Python
Python help()函数用法详解
2014/03/11 Python
在Linux下使用Python的matplotlib绘制数据图的教程
2015/06/11 Python
python通过百度地图API获取某地址的经纬度详解
2018/01/28 Python
Python如何爬取实时变化的WebSocket数据的方法
2019/03/09 Python
python里运用私有属性和方法总结
2019/07/08 Python
利用python在大量数据文件下删除某一行的例子
2019/08/21 Python
python使用正则表达式(Regular Expression)方法超详细
2019/12/30 Python
PyTorch学习:动态图和静态图的例子
2020/01/06 Python
如何在 Django 模板中输出 &quot;{{&quot;
2020/01/24 Python
css3实现垂直下拉动画菜单示例
2014/04/22 HTML / CSS
水果花束:Fruit Bouquets
2017/12/20 全球购物
亚马逊墨西哥站:Amazon.com.mx
2018/08/26 全球购物
UNDONE手表官网:世界领先的定制手表品牌
2018/11/13 全球购物
马耳他航空公司官方网站:Air Malta
2019/05/15 全球购物
Farah官方网站:男士服装及配件
2019/11/01 全球购物
追悼会上的答谢词
2014/01/10 职场文书
战略合作意向书范本
2014/04/01 职场文书
派出所正风肃纪剖析材料
2014/10/10 职场文书
新生开学寄语大全
2015/05/28 职场文书
2019单位介绍信怎么写
2019/06/24 职场文书
bat批处理之字符串操作的实现
2022/03/16 Python
vue3使用vuedraggable实现拖拽功能
2022/04/06 Vue.js