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、 创建单选钮 If(document.uniqueID){ //Internet Explorer Var radioButton=document.createElement(“<input type=’radio’ name=’radioButton’ value=’checked’>”); }else{ //Standards Compliant Var radioButton=document.createElement(“input”); radioButton.setAttribute(“type”,”radio”); radioButton.setAttribute(“name”,”radioButton”); radioButton.setAttribute(“value”,”checked”); } 7、 insertRow,insertCell,deleteRow 在IE中,table.insertRow()如果没有指定参数,则在表格后面添加行,默认参数位-1;如果在Firefox中,则一定要加参数,如:insertRow(-1)。
开发跨浏览器javascript时要注意的问题_javascript教程
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 开发跨浏览器javascript时要注意的问题_javascript教程
相关推荐
-      mootools实例:更改div的透明度动画效果
-      jquery获取当前类在第几个li上面
-      mootools应用:获取复选框中选中的值
-      使用javascript设置下拉框的默认值
-      一款漂亮的黑色风格JS焦点图,使用简单
-      javascript自动获取标题中的关键词
-      用jquery的siblings来实现tab选项卡功能
-      jquery框架操作checkbox控件