浅谈javascript中createElement事件
更新时间：2014年12月05日 11:30:25 投稿：hebedich
本文通过示例向大家简单介绍了javascript中的createElement事件,需要的朋友可以参考下
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 createElement()创建input不能设置name属性的解决方法
- Javascript createElement和innerHTML增加页面元素的性能对比
- 动态添加option及createElement使用示例
- 动态的创建一个元素createElement及删除一个元素
- js 用CreateElement动态创建标签示例
- 使用jQuery解决IE与FireFox下createElement方法的差异
- document.createElement()用法
- createElement和onclick
- 动态加载js文件 document.createElement
- javascript中createElement的两种创建方式
相关文章
javascript学习笔记(三) String 字符串类型介绍
javascript学习笔记之String 字符串类型介绍，这里介绍的是js字符串处理常用函数2012-06-06
这篇文章主要为大家详细介绍了JS 数组sort方法为什么升序是a-b，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-02-02
下面小编就为大家带来一篇关于session和cookie的简单理解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
JavaScript入门教程(8) Location地址对象
location 地址对象 它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址，只需要使用“location”就行了2009-01-01
这篇文章主要为大家详细介绍了JavaScript的对象和包装类，使用数据库，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-02-02
JavaScript是一种基于对象和事件驱动的客户端脚本语言。JavaScript最初的设计是为了检验HTML表单输入的正确性。javaScript起源于Netscape公司的LiveScript语言。2009-08-08
avaScript在浏览器中的性能，此问题因JavaScript的阻塞特征而复杂，也就是说JavaScript运行时其他的事情不能被浏览器处理，事实上，大多数浏览器使用单进程处理JavaScript运行等多个任务，而同一时间只能有一个任务被执行。2016-01-01
简介JavaScript中的getUTCFullYear()方法的使用
这篇文章主要介绍了简介JavaScript中的getUTCFullYear()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
JavaScript初级教程(第五课)...2007-04-04
下面小编就为大家带来一篇javaScript知识点总结(必看篇)。小编觉得挺不错的，现在就分享 给大家，也给的大家做个参考。一起跟随小编过来看看吧2016-06-06
最新评论