实现JavaScript跨浏览器

  • 问题:IE中,不能将行增加到表table。
  • 解决方法:将行增加到表体tbody。
  • 示例:点击查看
    • 问题:IE支持object.style.cssText="style:value",其它浏览器使用object.setAttribute("style", value)
    • 解决方法:统一用object.style.属性=值。
    • 示例:点击查看
      • 问题:IE使用object.setAttribute("className", value),其它浏览器使用object.setAttribute("class", value)。
      • 解决方法:统一用object.className=value。
      • 示例:点击查看
        • 问题:IE中先添加元素,后设置的属性不起作用。
        • 解决方法:先添加属性,再添加元素。
        • 示例:点击查看
          • 问题:IE中用innerText属性,相反地,其它浏览器用textContent属性。
          • 解决方法:先判断浏览器类型,再分别设置,当然也可以同时设置。还有一种方法就是用innerHTML来替换。
          • 示例:点击查看
            • 问题:增加Option时,其它浏览器不支持object.add方法。删除Option时,其它浏览器不支持object.options .remove方法。
            • 解决方法:增加Option时,使用object.options.add方法。删除Option时,使用object.remove方法。另外也可以用DOM的AppendChild和removeChild方法。
            • 示例:点击查看  
              • 问题:IE不能用setAttribute方法添加name属性,相反地,其它浏览器不能用createElement(htmlStr)来添加name属性。
              • 解决方法:先判断浏览器类型,再分别设置。当然也可以同时设置。
              • 示例:点击查看
                • posted @ 2009-08-18 23:19  火凤凰工作室  阅读(436)  评论(0编辑  收藏  举报