注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Javascript >> 网页设计正文

document.createElement()用法及注意事项

文章来源:网页教学网 作者:佚名 更新时间:2008-4-24 13:06:39 【 】 【加入收藏

查看关于 createElement 的文章

今天处理了一个日期选择器的ie和ff的兼容问题,本来这种情况就很难找错误,找了好久才把错误定位到js中创建元素的方法document.createElement(),这个方法在ie下支持这样创建元素


但是这样的情况在ff下是不兼容的。
还有就是特别注意input元素的创建:与 input 有关的元素有很多,比如:checkbox、radio、submit、reset...,因此创建 input 是个很特殊的用法。
创建不同的 input 正确的做法是:

针对 input,在 Netscape、Opera 和 Firefox 中 e.type 既可以在 appendChild 之前,也可以在其之后。但在 IE 中 type 属性必须在前,其它属性必须在后。

IE 创建元素,还有一个特点,就是可以连同属性一同创建,比如:var e = document.createElement("<input type='radio' name='r' value='1' />"); 这在其它浏览器中是不行的,所以我们也不支持。

总结:
针对非 input 元素,各浏览器中,既可以把对元素属性的改变写在显示元素(insertBefore 或 appendChild)之前,也可以在其后。
针对 input 元素,为了兼容 IE,type 属性写在显示元素(insertBefore 或 appendChild)之前,其它属性写在其后。

推荐:
除了 input 元素的 type 属性写在显示元素(insertBefore 或 appendChild)之前外,其它属性都写在显示元素之后。
改变属性时,对写在显示元素(insertBefore 或 appendChild)之前的用 createElement 的返回值,对写在显示元素之后的用 insertBefore 或 appendChild 的返回值。
  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash AS 教程:交互动画
     Flash AS 教程:子类化显示对象
     Flash AS 教程:动画事件
     Flash AS 教程:帧循环
     Flash AS 教程:创建文档类(Document class)
     Flash AS 教程:构造函数(Constructor)
     Flash AS 教程:类和面向对象编程
     Flash游戏开发教程:第一节
     Flex程序开发心得小结
     关于XML在FLASH中的应用
    最 新 推 荐
     延迟事件为0的setTimeout的真正目的
     Javascript教程:关于内存泄漏问题
     document.createElement()用法及注意事项
     如何用博客来创业赚钱?
     学习JavaScript的事件
     PHP+JS实现搜索自动提示
     初学Ajax须注意的几个问题
     JavaScript扩展:正则像函数一样调用
     Javascript在IE和FF里的兼容问题
     Javascript教程:展示风格的价值
    相 关 文 章

    Flash AS 教程:创建文档类(Document class)
    兼容性的 inline-block 属性
    Tudou.com首页网页设计的制作方法
    轻松安装MM喜欢的Discuz!论坛表情包
    JavaScript Dom编程:介绍学习书籍
    Javascript文档对象模型(DOM)实例分析
    javaScript DOM方法与属性摘要
    文档对象模型(DOM)的基本方法
    文档对象模型(DOM)的技巧和诀窍
    土豆网(tudou.com)前端概况

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用