`
originwxit
  • 浏览: 54070 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JS中关于cloneNode方法

阅读更多
这几天做了个比较大的课题,到此为止,现在算是完成了,大概也忙活了一个礼拜的时间,基本上就是看着身边同事都在玩,我一个人忙的不可开交,偶尔加加班,也完成了!前前后后也查了不少资料!正因为大家都不会,他们就叫我来处理这个!没办法,只能挑起大梁,好了,废话不多说,进入今天的正题:
在新做的这个课题上很大部分都是js写的多!于是乎在做到这个动态添加table的一行,使用了
cloneNode(true);
的这个方法,东西都做好了,自己也在FF下测试了,感觉基本好用了,准备提交代码的时候,在IE下测试了,最担心的问题终于出现了,IE下果然出问题了,debug到JS里面去看,原来出先问题的代码如下:
var lastRow = table.rows[table.rows.length-1];
var newRow = lastRow.cloneNode(true);
newRow.cells[0].innerHTML=parseInt(newRow.cells[0].innerHTML)+1;
table.tBodies[0].appendChild(newRow);

提示newRow.cells[0]undefined,后查了些资料,明白了原来是克隆的节点还没有加载在树上,于是修改这段代码
var lastRow = table.rows[table.rows.length-1];
var newRow = lastRow.cloneNode(true);
table.tBodies[0].appendChild(newRow);
newRow.cells[0].innerHTML=parseInt(newRow.cells[0].innerHTML)+1;

之后,测试IE,FF,Chrome好使!
特此做个记号!
0
0
分享到:
评论

相关推荐

    javascript 拷贝节点cloneNode()使用介绍.docx

    在JavaScript中,`cloneNode()`方法是DOM(Document Object Model)操作中的一个重要功能,主要用于复制(克隆)DOM树中的节点及其属性。这对于创建复杂的用户界面或者动态调整页面内容时非常有用。 #### 一、...

    JavaScript 用cloneNode方法克隆节点的代码

    然后,在JavaScript文件(例如test.js)中,我们可以在页面加载完成后使用cloneNode方法克隆这个节点: ```javascript window.onload = function() { var sourceNode = document.getElementById("div-0"); // 获取...

    javascript cloneNode()方法的使用

    javascript 中的 cloneNode() 方法是用来克隆一个元素的,包括其所有子元素和属性。该方法返回克隆的元素,并且可以选择是否克隆元素的所有子元素。 在上面的实例代码中,我们使用了 cloneNode() 方法来克隆一个 ...

    javascript 拷贝节点cloneNode()使用介绍

    cloneNode(a)方法接受一个布尔值参数,表示是否深拷贝 true:表示执行深拷贝,复制本节点以及整个子节点树. false:浅拷贝.只复制节点本身. 复制后返回的节点副本属于文档所有,但是并没有父节点.除非使用appendChild,...

    javascript dom操作之cloneNode文本节点克隆使用技巧

    在JavaScript中,DOM(文档对象模型)操作是实现网页动态交互的基础,而`cloneNode`方法是DOM操作中用于克隆节点的一个重要函数。了解`cloneNode`以及它在克隆文本节点时的使用技巧,对于进行DOM操作的前端开发者来...

    javascriptjs创建节点

    可以使用 createElement()、createTextNode() 和 cloneNode() 等方法来创建节点,并使用 appendChild()、insertBefore() 等方法将节点添加到文档中。需要注意的是,创建的节点不会自动添加到文档中,需要手动将其...

    IE下使用cloneNode注意事项分享

    在网页开发过程中,DOM操作是不可或缺的一部分,其中`cloneNode`方法用于复制DOM节点及其子节点。然而,当在Internet Explorer(尤其是版本8及以下)中使用`cloneNode`时,需要注意一些特定的行为,这些行为可能导致...

    JS简单添加元素新节点的方法示例

    在JavaScript中,操作DOM(Document Object Model)是网页动态交互的基础。本示例主要讲解了如何使用JavaScript来创建、添加和克隆页面元素节点,这些都是前端开发中常见的操作。下面将详细解析这些方法: 首先,...

    教你javascript克隆dom结点,浅复制结点,深复制结点

    在JavaScript中,DOM(Document Object Model)是一种标准,用于表示HTML或XML文档的结构,并提供了对这些文档进行编程访问的方法。DOM节点克隆是JavaScript中一个重要的概念,它允许我们创建现有DOM节点的副本,这...

    js实现点击图片放大照片

    在JavaScript中,我们可以使用`addEventListener`方法来绑定一个事件处理函数。例如,对于一个图片元素`<img id="thumbnail">`,我们可以在其上添加点击事件: ```javascript document.getElementById('thumbnail')...

    javascript节点属性和方法

    JavaScript 节点的属性和方法是 DOM(文档对象模型)中最基础也是最重要的一部分。只有掌握了节点的属性和方法,才能更好地控制和操作 HTML 文档的结构和内容。 节点属性 1. Attributes:存储节点的属性列表(只读...

    js中使用DOM复制(克隆)指定节点名数据到新的XML文件中的代码.docx

    "JS 中使用 DOM 复制(克隆)指定节点名数据到新的 XML 文件中的代码" 在本文中,我们将讨论如何使用 JavaScript 中的 DOM 来复制(克隆)指定节点名数据到新的 XML 文件中。这个过程涉及到三个重要的类:DOM...

    JavaScript DOM编程艺术 附录.pdf

    总之,《JavaScript DOM编程艺术》一书中关于DOM的核心方法和属性的介绍,为我们提供了强大的工具集,用于动态地操作和管理网页的内容和结构,从而构建出更加生动、互动的Web应用。理解和掌握这些DOM方法和属性,...

    JavaScript DOM编程艺术 附录

    该方法同样返回一个指向新文本节点的引用,新文本节点也不在文档中,需要通过 `appendChild()` 或 `insertBefore()` 等方法手动插入。 **示例代码:** ```javascript // 创建一个包含 "Hello World" 的文本节点 ...

    asp.net中常用的js

    3. `cloneNode(deep)`:此方法可以复制一个节点及其子节点(如果`deep`参数为`true`)。这在需要复制整个结构时非常有用。 4. `appendChild(newChild)`:这个方法将新节点添加到父节点的末尾。例如,将新创建的元素...

    JavaScript仿Excel表格演示

    JavaScript的`cloneNode()`方法可以用于创建DOM元素的副本,之后只需调整新行的唯一标识,以便在数据库中正确存储和区分。 4. **事件处理**:JavaScript的事件处理机制使得我们可以为每个单元格或行设置监听器,...

Global site tag (gtag.js) - Google Analytics