向表中追加行
定义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时要注意的问题
javascript 编写跨浏览器的javascript兼容写法 js兼容
跨浏览器,javascript万能时间日期组件.绝对好用绝对跨浏览器。演示可参考说明中的网址。
对于javascript的开发人员来说,多浏览器的支持性,一直是个问题,每次都要经过测试,多个浏览器,才能使用下面一些常见的一些注意事项。
javascript判断跨浏览器网页编程。
如何编写跨浏览器的javascript程序
EasyQRCodeJS是一款功能丰富的跨浏览器的纯 JavaScript QRCode 生成库。支持 JavaScript 模块化加载。支持点状风格,Logo,背景图片,规则色彩控制,标题等设置。
开发跨浏览器的JavaScript 1. childNodes在ff中和ie的区别。 ff中的node(nodeType = 1)都是用textNode(nodeType = 3)分开的,而ie/op不是这样的。 ”box1″><span>content</span></div> 在ff下,box1的...
push.js:一个小巧的,跨浏览器的 JavaScript 通知 API 的解决方案
javascript获取浏览器临时目录javascript获取浏览器临时目录javascript获取浏览器临时目录javascript获取浏览器临时目录
javascript解决浏览器兼容性问题
javascript跨浏览器的属性判断方法.docx
Javascript Debug Toolkit(JSDT) 是一款免费绿色免安装的javascript调试工具,JSDT可以在任何支持ajax的浏览器上调试javascript,譬如: IE6 IE7, IE8, Firefox1.5, Firefox2, Firefox3, Safari, Chrome, Opera, 和...
浏览器兼容页面开发注意事项(javascript篇)_101028.pdf
各主流浏览器如何禁用javascript脚本
这是一个JavaScript获取浏览器参数的方法,
Zero Clipboard一个比较成熟的跨浏览器兼容的“复制到剪切板”功能库,需要放在项目里使用
浏览器兼容页面开发注意事项(javascript篇)_101028分享.pdf
浏览器兼容页面开发注意事项(javascript篇)_101028实用.pdf