下面代码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> <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 append table问题在IE8下的解决方法”,结合给出的标签“源码”和“工具”,我们来详细讨论这个问题。 在jQuery中,`append()`函数是一个非常常用的方法,它允许我们在DOM(Document Object...
### 解决IE6环境下`select`元素的`title`属性无法正常显示的问题 在Web开发过程中,经常会遇到一些浏览器兼容性问题,特别是在处理老旧版本的Internet Explorer(IE)时更为明显。本文将针对一个特定的问题——如何...
但是令人头痛的是 Firefox 的标准总是和 IE 有着各种各样的不同,由于 FF 不支持 `defer`,所以使得开发者不得不另辟蹊径来解决这个问题。 实际上,我们可以在 Ajax 返回数据并 `innerHTML` 到模板之前先把 `<div>`...
本文将详细介绍如何使用JS实现这种遮罩层效果,并探讨其在IE、Firefox以及jQuery环境下的应用。 首先,让我们理解遮罩层的基本原理。遮罩层通常由两个主要部分组成:遮罩元素和目标元素。遮罩元素是覆盖在页面上的...
然而,这个API在IE和其他一些旧版本的浏览器中并不支持。 在IE中,我们可以利用`document.execCommand()`方法,这是一个非标准但广泛支持的方法,用于执行与文档内容相关的命令,如“copy”。下面是一个使用`...
在某些版本的IE中,元素的属性可能需要在实际添加到DOM树后才会生效。因此,将`checked`属性设置放在`appendChild`之后可以确保属性的设定与元素的创建同步,从而避免了问题的发生。 需要注意的是,除了使用`...
这意味着可以在不重新加载整个网页的情况下,对网页的部分内容进行更新。 **发展历程**: - **初期探索**:1999年开始,随着浏览器功能的增强,开发者们开始尝试使用JavaScript来改善用户体验。 - **标准化进程**:...
### 页面刷新后CSS失效问题解析及解决方案 #### 一、问题背景 在Web开发中,尤其是在使用C#进行ASP.NET开发时,可能会遇到一个常见问题:页面在使用`Response.Write`方法动态插入HTML代码后,刷新页面时CSS样式...
- **常见兼容性问题**:列举常见的浏览器兼容性问题及解决方案,如PNG24位图片在IE6中的背景问题。 以上内容覆盖了H5前端面试中常见的知识点,帮助面试者更好地准备面试,同时也为前端开发者提供了系统的学习框架。
在IE中,直接将`tr`元素添加到`table`元素不会生效,而是需要添加到`tbody`元素中。因此,正确的做法是首先找到`tbody`元素,然后将新创建的`tr`元素添加到`tbody`中,而不是直接添加到`table`。这样可以确保在所有...
从描述中可以看出,该技术实现是为了方便用户在多个浏览器环境下操作,包括IE和Firefox。同时提到的“请另存代码测试”和“[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]”意味着实现此功能的代码可能需要单独保存...
7. **PNG透明度支持**:IE6不支持PNG24的透明效果,需要使用特定的技巧如CSS滤镜来解决。 ```css /* IE6 */ <!--[if lt IE 7]> (src='image.png', sizingMethod='scale');"> <![endif]--> ``` 总之,了解和掌握...
在现代Web开发中,JavaScript作为前端...随着前端框架和库的普及,如React、Vue等,这些工具已经封装了大量的DOM操作,使得动态生成页面元素变得更加简单高效,但了解底层原理仍然是每一个前端开发者不可或缺的基础。
为了解决这个问题,我们可以利用Mootools库中的功能来动态创建和插入CSS样式。下面的代码展示了一个名为`AddCss`的函数,这个函数能够根据传入的CSS文本内容,在当前页面中动态添加样式规则,同时兼容各种主流浏览器...
首先,需要检查是否支持`window.getSelection`,因为这是IE8及更早版本浏览器不支持的。接着,创建一个`div`元素放置在视口外,并将选中内容克隆到该`div`中。为了保证`pre`标签内的文本格式不变,需要对克隆的`div`...
在这些场景下,为这些新添加的元素绑定事件可能成为一个挑战,因为它们在页面加载时并不存在,传统的直接绑定事件的方式(如`addEventListener`或`attachEvent`)无法对它们生效。本文将详细介绍如何使用事件委托来...
JavaScript调用IFrame实现打印页面内容的方法是一种常见且实用的技术,尤其在网页中需要特定区域打印或者保持原页面不被改变的情况下。以下是该方法的详细解释: ### 1. 程序说明 1. **选择性打印**:此方法允许...