开发跨浏览器JavaScript时要注意的问题

• 1、          向表中追加行

  定义table时使用tbody元素，以保证包括IE在内的所有浏览器可用

  例：定义如下一个空表

  <table id=”myTable”>

        <tbody id=”myTableBody”></tbody>

  </table>

  向这个表中增加行的正确做法是，把行增加到表体，而不是增加到表。

  Var cell = document.createElement(“td”).appendChild(document.createTextNode(“foo”));

  Var row = document.createElement(“tr”).appendChild(cell);

  Document.getElementById(“myTableBody”).appendChild(row);

  *IE中需要先创建行，再创建列，再创建内容

  2、          设置元素的样式

  Var spanElement = document.getElementById(“mySpan”);

  //下面写法保证出IE外，所有浏览器可用

  spanElement.setAttribute(“style”,”font-weight:bold;color:red;”);

  //下面的写法保证IE可用

  spanElement.style.cssText=”font-weight:bold;color:red;”;

  3、          设置元素的class属性

  Var element = document.getElementById(“myElement”);

  //下面的写法保证除IE外，所有浏览器可用

  Element.setAttribute(“class”,”styleClass”);

  //下面写法保证IE可用

  Element.setAttribute(“className”,”styleClass”);

  4、          创建输入元素

  Var button = document.createElement(“input”);

  //单行文本框、复选框、单选框、单选钮、按钮需要此属性区别

  Button.setAttribute(“type”,”button”);

  Document.getElementById(“formElement”).appendChild(button);

  5、          向输入元素增加事件处理程序

  Var formElement=document.getElementById(“formElement”);

  //所有浏览器可用

  formElement.onclick=function(){doFoo();};

  //除IE外，所有浏览器可用

  formElement.setAttribute(“onclick”,”doFoo();”);

  6、          创建单选钮

• [1] [2] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 开发跨浏览器JavaScript时要注意的问题 相关文章：
• ·Vista系统无法开启打印机共享怎么办？
• ·加快Windows Vista系统窗口打开速度的方法
• ·BIOS开机自检的中文解释
• ·Vista系统中CHM文档无法打开解决方法
• ·赛迪网联手浪潮　开启服务器市场盘点大门
• ·两招解决打开U盘看不到文档的问题
• ·新挂马方式开始流行 ARP挂马称雄局域网
• ·四国军棋精选手册强势开局
• ·微软开发闪存版XP
• ·开启瑞星防火墙不能上网
• 开发跨浏览器JavaScript时要注意的问题 相关软件
• ·旗开得胜
• ·《终极格斗2009》最新游戏视频公开
• ·《勇者斗恶龙假面女王与镜之塔》视频公开
• ·回味经典《星际争霸：母巢之战》开场动画
• ·《白骑士物语》最新游戏视频公开欣赏
• ·《推推侠》开放客户端下载
• ·《开心斗地主》V2.6试玩 纸牌游戏
• ·《女仆咖啡》开场动画
• ·《卓越之剑GE》限量公开测试客户端
• ·斯派罗传说-新的开始 汉化版

上一篇:在C#中利用Keep-Alive处理Socket网络异常断开的方法

下一篇:绑定Enum到ASP.NET数据绑定控件的完美解决方案

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐