一、向表中追加行
在firefox/safari/opera中
document.createElement创建表单元格,再使用document.appendChild来将这些表单元格增加到表行
在ie中
使用tbody,把行增加到表体,而不是增加到表
二、通过javascript设置元素的样式
在firefox/safari/opera中
可以通过javascript使用元素的setAttribute方法设置元素的样式
在ie中
使用元素的style对象的cssText属性来设置所需的样式
可以同时使用上面2种方法来设置
三、设置元素的class属性
使用元素的setAttribute方法,将class和className都用做属性名
四、创建输入元素
创建输入元素后设置其所有属性,特别是type属性,然后再把它增加到父元素中
var button=document.createElement("input");
button.setAttribute("type","button");
document.getElementById("formElement").appendChild(button);
五、向输入元素增加事件处理程序
使用点记法来引用所需的事件处理程序
var formElement=document.getElementById("formElement");
formElement.onclick=function(){ doFoo() ; };
六、创建单选钮
除ie以外
var radioButton=document.createElement("input");
radioButton.setAttribute("type","radio");
radioButton.setAttribute("name","radioButton");
radioButton.setAttribute("value",""checked"");
在ie中
var radioButton=document.createElement("<input type='radio' name='radioButton' value='checked'");
兼容
if(document.uniqueID){
var radioButton=document.createElement("<input type='radio' name='radioButton' value='checked'");
}else{
var radioButton=document.createElement("input");
radioButton.setAttribute("type","radio");
radioButton.setAttribute("name","radioButton");
radioButton.setAttribute("value",""checked"");
}
分享到:
相关推荐
开发跨浏览器JavaScript时要注意的问题开发跨浏览器JavaScript时要注意的问题
对于javascript的开发人员来说,多浏览器的支持性,一直是个问题,每次都要经过测试,多个浏览器,才能使用下面一些常见的一些注意事项。
开发跨浏览器的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跨浏览器的属性判断方法.docx
• 多浏览器兼容, 包括IE6+, firefox1.5+, opera9+, safari3+ 和 Google Chrome. • 大量的API文档 和示例. • 不断更新的代码片段供程序员参考. • 极为方便的所见即所得的界面编辑器. Web界面使用拖拽轻松搞定,...
jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave ...
javascript 跨浏览器开发之js 事件的兼容性问题,需要的朋友可以参考下。
一个用于为Chrome,Opera和Firefox构建跨浏览器扩展的模板
• 多浏览器兼容, 包括IE6+, firefox1.5+, opera9+, safari3+ 和 Google Chrome. • 大量的API文档 和示例. • 不断更新的代码片段供程序员参考. • 极为方便的所见即所得的界面编辑器. Web界面使用拖拽轻松搞定,...
Klynt Player是一个跨浏览器JavaScript引擎,用于播放富媒体序列,可以使用。 演示和文档 二手图书馆 播放器使用以下库: :SMIL-Timing和SMIL-Timesheets的实现 :具有Flash和Silverlight垫片HTML5 <audio>...
Media Player一个小巧,完全跨浏览器,可访问,完全可定制的媒体播放器
PKI 助推器 Javascript 这是 PKI Booster 的 Javascript 包装器,使您能够开发跨浏览器的 PKI Web 应用程序。
jquery.scrollTo 是jQuery轻量级、跨浏览器和高度可定制的动画滚动
互操作性WebDev 对于Web开发人员而言,如何构建可... 将说明用于互操作性测试的工具,跨浏览器的基础知识以及有关HTML5,CSS,JavaScript开发的提示和技巧。 浏览器检测,UA嗅探,CSS前缀和回退都将在项目中进行检查。
一个jQuery插件,添加跨浏览器鼠标滚轮支持
browser-extension-template:一个用于创建跨浏览器扩展的模板
animate.css 是一个集合酷的,有趣的和跨浏览器的动画。