`
xutao7787
  • 浏览: 54881 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE7下appendChild不生效解决办法

阅读更多

  下面代码IE8下正常,可以在table最后一行新增一个tr,但在IE7下无效

  var table = document.getElementById('offerTypeListTable');
  var tr = document.createElement("tr");
  tr.id = "newTr";
  var td1 = document.createElement("td");
  td1.innerHTML = " ";
  var td2 = document.createElement("td");
  var input = document.createElement("input");
  input.maxLength = '50';
  input.className = 'input';
  input.id = 'newTypeName';
  input.name = 'newTypeName';
  td2.appendChild(input);
  var td3 = document.createElement("td");
  td3.className = "alignC";
  //var a1 = document.createElement("a");
  td3.innerHTML = "<a name='determineButton' href='#' onclick=saveType('')>确定</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href='#' onclick='cancel();'>取消</a>";
  tr.appendChild(td1);
  tr.appendChild(td2);
  tr.appendChild(td3);
  table.appendChild(tr);

 

  可以把最后一行换成下面代码,用jQuery实现,解决兼容性问题,
  $('#offerTypeListTable').append(tr);

 

  删除时:

  原来写法:

  var tr = document.getElementById('newTr');
  var table = document.getElementById('offerTypeListTable');
  alert(tr);

  改用jQuery新增后写法:
  $('#newTr').remove();

分享到:
评论

相关推荐

    jquery appen table 问题 ie8下解决方法

    本文将深入探讨“jquery append table问题在IE8下的解决方法”,结合给出的标签“源码”和“工具”,我们来详细讨论这个问题。 在jQuery中,`append()`函数是一个非常常用的方法,它允许我们在DOM(Document Object...

    解决ie6 select的title不能显示的问题

    ### 解决IE6环境下`select`元素的`title`属性无法正常显示的问题 在Web开发过程中,经常会遇到一些浏览器兼容性问题,特别是在处理老旧版本的Internet Explorer(IE)时更为明显。本文将针对一个特定的问题——如何...

    解决ajax返回innerHTML中javascript不能运行问题

    但是令人头痛的是 Firefox 的标准总是和 IE 有着各种各样的不同,由于 FF 不支持 `defer`,所以使得开发者不得不另辟蹊径来解决这个问题。 实际上,我们可以在 Ajax 返回数据并 `innerHTML` 到模板之前先把 `&lt;div&gt;`...

    JS遮罩层效果

    本文将详细介绍如何使用JS实现这种遮罩层效果,并探讨其在IE、Firefox以及jQuery环境下的应用。 首先,让我们理解遮罩层的基本原理。遮罩层通常由两个主要部分组成:遮罩元素和目标元素。遮罩元素是覆盖在页面上的...

    js实现兼容IE和FF的复制功能

    然而,这个API在IE和其他一些旧版本的浏览器中并不支持。 在IE中,我们可以利用`document.execCommand()`方法,这是一个非标准但广泛支持的方法,用于执行与文档内容相关的命令,如“copy”。下面是一个使用`...

    ie中js创建checkbox默认选中问题探讨

    在某些版本的IE中,元素的属性可能需要在实际添加到DOM树后才会生效。因此,将`checked`属性设置放在`appendChild`之后可以确保属性的设定与元素的创建同步,从而避免了问题的发生。 需要注意的是,除了使用`...

    AJAX新手快车道

    这意味着可以在不重新加载整个网页的情况下,对网页的部分内容进行更新。 **发展历程**: - **初期探索**:1999年开始,随着浏览器功能的增强,开发者们开始尝试使用JavaScript来改善用户体验。 - **标准化进程**:...

    页面刷新后CSS失效

    ### 页面刷新后CSS失效问题解析及解决方案 #### 一、问题背景 在Web开发中,尤其是在使用C#进行ASP.NET开发时,可能会遇到一个常见问题:页面在使用`Response.Write`方法动态插入HTML代码后,刷新页面时CSS样式...

    H5前端面试题,内含答案

    - **常见兼容性问题**:列举常见的浏览器兼容性问题及解决方案,如PNG24位图片在IE6中的背景问题。 以上内容覆盖了H5前端面试中常见的知识点,帮助面试者更好地准备面试,同时也为前端开发者提供了系统的学习框架。

    开发跨浏览器javascript常见注意事项

    在IE中,直接将`tr`元素添加到`table`元素不会生效,而是需要添加到`tbody`元素中。因此,正确的做法是首先找到`tbody`元素,然后将新创建的`tr`元素添加到`tbody`中,而不是直接添加到`table`。这样可以确保在所有...

    一直都需要的复制到系统剪贴板之IE,firefox兼容版

    从描述中可以看出,该技术实现是为了方便用户在多个浏览器环境下操作,包括IE和Firefox。同时提到的“请另存代码测试”和“[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]”意味着实现此功能的代码可能需要单独保存...

    不同浏览器的怪癖小结

    7. **PNG透明度支持**:IE6不支持PNG24的透明效果,需要使用特定的技巧如CSS滤镜来解决。 ```css /* IE6 */ &lt;!--[if lt IE 7]&gt; (src='image.png', sizingMethod='scale');"&gt; &lt;![endif]--&gt; ``` 总之,了解和掌握...

    javascript动态生成页面元素

    在现代Web开发中,JavaScript作为前端...随着前端框架和库的普及,如React、Vue等,这些工具已经封装了大量的DOM操作,使得动态生成页面元素变得更加简单高效,但了解底层原理仍然是每一个前端开发者不可或缺的基础。

    使用Mootools动态添加Css样式表代码,兼容各浏览器

    为了解决这个问题,我们可以利用Mootools库中的功能来动态创建和插入CSS样式。下面的代码展示了一个名为`AddCss`的函数,这个函数能够根据传入的CSS文本内容,在当前页面中动态添加样式规则,同时兼容各种主流浏览器...

    JavaScript实现复制文章自动添加版权

    首先,需要检查是否支持`window.getSelection`,因为这是IE8及更早版本浏览器不支持的。接着,创建一个`div`元素放置在视口外,并将选中内容克隆到该`div`中。为了保证`pre`标签内的文本格式不变,需要对克隆的`div`...

    js调用iframe实现打印页面内容的方法

    JavaScript调用IFrame实现打印页面内容的方法是一种常见且实用的技术,尤其在网页中需要特定区域打印或者保持原页面不被改变的情况下。以下是该方法的详细解释: ### 1. 程序说明 1. **选择性打印**:此方法允许...

    JS实现为动态添加的元素增加事件功能示例【基于事件委托】

    在这些场景下,为这些新添加的元素绑定事件可能成为一个挑战,因为它们在页面加载时并不存在,传统的直接绑定事件的方式(如`addEventListener`或`attachEvent`)无法对它们生效。本文将详细介绍如何使用事件委托来...

Global site tag (gtag.js) - Google Analytics