使用jQuery解决IE与FireFox下createElement方法的差异
当我们需要动态生成DOM对象的时候，会使用createElement的方法创建。但是在IE和Firefox下，createElement方法是有差异的。
在 IE 中，可以使用以下两种方式来创建一个元素：
1、document.createElement('table')
2、document.createElement('<table border="0">')
而在 Firefox 只支持：
document.createElement('table')
同时，如果添加属性和事件的话，需要使用setAttribute方法
if($.browser.msie){
var rowHtml = '<span class="ellipsis" onclick="';
rowHtml += '_showNotice(/'';
rowHtml += id
rowHtml += '/',/'';
rowHtml += titlePre;
rowHtml += '/')"';
rowHtml += ">";
rowHtml += "</span>";
row = $(document.createElement(rowHtml)).text(data.Title);
}else if($.browser.mozilla){
var el = document.createElement("span");
el.setAttribute("onclick","_showNotice(/'" + id + "/',/'" + titlePre +"/')");
row = $(el).text(data.Title);
}else if($.browser.safari){
}else if($.browser.opera){
}else{
}
相关推荐
-
Javascript createElement和innerHTML增加页面元素的性能对比
最近遇到js的效率问题,是关于在页面中新增元素的问题. 假设我们有页面如下: 复制代码 代码如下: <HTML> <HEAD> </HEAD> <BODY> <div id="div1"></div> </BODY> <script> // 脚本位置 </script> </HTML> 现在,我们要往div1中添加对象,大家都知道在为web页面增加一个元素时可以使用如
-
javascript中createElement的两种创建方式
本文实例讲述了javascript中createElement的两种创建方式.分享给大家供大家参考.具体实现方法如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CreateElement
-
js 用CreateElement动态创建标签示例
//定义方法创建一个label标签 //*************************************// 复制代码 代码如下: var createLabel = function(id, name, value) { var label_var = document.createElement("label"); var label_id = document.createAttribute("id"); label_id.nodeValue = i
-
javascript createElement()创建input不能设置name属性的解决方法
其中obj.name = "select";这句话并不能起到预期的作用,无论是看生成后的HTML代码还是观察使用document.getElementsByName()获取的数组长度,都会发现这个name设置并没有起作用.当然这种情况只出现在IE6和IE7中,而在FireFox中是没有问题的. Test function addInput(){ var div = document.getElementById("testDiv"); var obj = docum
-
动态加载js文件 document.createElement
复制代码 代码如下: var Rash=true; var msg=""; function norash() { if (confirm("确定要取消吗")) Rash=false; } function rashit() { setInterval('getrss()',Inttime); } function getrss() { if (Rash==true) { head=document.getElemen
-
浅谈javascript中createElement事件
createElement是HTML中应用W3C DOM对像模型建立子节点也就是子元素的概念 复制代码 代码如下: <script> window.onload = function () { var input = document.createElement('input'); var button = document.createElement('input'); input.type ='text'; input.id= 'text'; inp
-
createElement和onclick
无忧脚本代码测试网页 function ck(){ alert("test"); } var ins=document.createElement('input'); ins.type="button"; ins.value="click"; ins.attachEvent("onclick",ck); document.body.appendChild(ins); [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
动态的创建一个元素createElement及删除一个元素
复制代码 代码如下: <html> <script language = "javascript" type = "text/javascript"> function test(){ //创建元素 var myElement = document.createElement("a");//a是想创建的html元素标签名 //给创建的元素添加必要的信息 myElement.href = "http://www.b
-
document.createElement()用法
document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用.其中,appendChild() 方法在节点的子节点列表末添加新的子节点.insertBefore() 方法在节点的子节点列表任意位置插入新的节点. 下面,举例说明document.createElement()的用法.<div id="board"></div>例1: 复制代码 代码如下: <script
-
动态添加option及createElement使用示例
复制代码 代码如下: <!DOCTYPE html> <html> <head> <title>select.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is