摘要:

下文讲述DOM对象之方法cloneNode()的功能简介说明,如下所示:

DOM cloneNode()方法简介

cloneNode()方法的功能:

将DOM选中的一个节点进行复制操作

将根据传入的参数判断是否复制子节点

cloneNode()方法语法说明:

target.cloneNode(depp)

—-参数说明—-

1.target:被复制的目标元素

2.deep:可选参数,缺省值为false,

当参数值为true时,复制其当前节点及其子节点

当参数值为false时,只复制节点自身

cloneNode()方法注意事项:

目前市面上流行的浏览器都支持此方法

DOM cloneNode()方法举例说明:

例:

猫猫教程(www.maomao365.com)

---DOM 之cloneNode方法举例说明

div{

width:80px;

height:80px;

line-height:80px;

text-align:center;

background-color:green;

color:white;font-weight:bold;

margin:5px;

}

window.οnlοad=function(){

let odiv=document.getElementsByTagName("div")[0];

let obt1=document.getElementById("btn1");

obt1.οnclick=function(){

let copy1=odiv.cloneNode();

document.body.appendChild(copy1);

}

let obt2=document.getElementById("btn2");

obt2.οnclick=function(){

let copy2=odiv.cloneNode(true);

document.body.appendChild(copy2);

}

}

猫猫教程

代码解析:

当cloneNode(true) 时,div下的文本都被一起复制至body中

javascript DOM cloneNode方法举例说明

oracle domnode释放,html DOM对象之方法cloneNode()的简介说明相关推荐

  1. javascript原生事件句柄、BOM、DOM对象属性方法总结

    javascript原生事件句柄.BOM.DOM对象属性方法总结 JS事件句柄 事件句柄 类型 说明 onabort 事件句柄 图像加载被中断 onblur 事件句柄 元素失去焦点 onfocus 事 ...

  2. html 删除一个属性值,html之DOM对象removeAttribute()方法(删除节点属性)功能简介说明...

    摘要: 下文讲述DOM对象removeAttribute()方法功能说明,如下所示: DOM removeAttribute()方法功能说明 DOM removeAttribute()方法功能(): ...

  3. JavaScript - DOM 克隆节点方法 - cloneNode

    JavaScript - DOM 克隆节点方法 - cloneNode 具体看代码即可:(调用者为要克隆的节点) <!DOCTYPE html> <html lang="e ...

  4. oracle domnode释放,关于释放引用DOM对象内存的问题

    运行环境:OS X El Capitan 10.11.3 浏览器:Chrome 48.0.2564.116 我创建了10000个DIV元素,并且用了一个数组分别引用了这10000个对象.按理说当我把数 ...

  5. DOM 对象的方法和属性

    一些常用的 HTML DOM 属性: innerHTML - 节点(元素)的文本值 parentNode - 节点(元素)的父节点 childNodes - 节点(元素)的子节点 attributes ...

  6. jQuery对象和DOM对象使用说明

    1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery对象和DOM对象以及它们之间的关系.DOM对象,即是我们用传 ...

  7. DOM对象与jquery对象有什么不同

    jQuery对象和DOM对象使用说明,需要的朋友可以参考下.1.jQuery对象和DOM对象第一次学习jQuery,经常分辨不清哪些是jQuery对象,哪些是 DOM对象,因此需要重点了解jQuery ...

  8. jquery对象PHP转换,jQuery对象与DOM对象转换方法详解_jquery

    本文实例分析了jQuery对象与DOM对象的转换方法.分享给大家供大家参考,具体如下: jQuery对象转换为dom对象 只有jQuery对象才能调用jQuery类库的各种函数,同样有些dom对象的属 ...

  9. jquery对象和Dom对象的不同

    起因是因为我在写一个for循环的时候,trtext获取不到. var ttr=$("#tabFiles tr"); for(var i=0;i<ttr.lenght;i++) ...

最新文章

  1. C#使用CDO发送邮件
  2. Activiti如何实现流程的回退
  3. BO QUERY BUILDER - SI_INSTANCE相关属性
  4. MATLAB1阶零模型,MATLAB 空间计量模型的实现
  5. 函数的动态参数和作用域
  6. 【更新】火星人敏捷开发手册 2011-12-31
  7. linux命令行翻页
  8. TCP 之 抓包分析
  9. Windows下安装 ruby
  10. acer软件保护卡怎么解除_Acer和Founder软件保护卡驱动卸载方法
  11. 大学生IT创业还有神话吗?
  12. Android 8.1 MTK平台 强制第三方 APP 横屏(微信、今日头条等)
  13. CF581B Luxurious Houses 模拟
  14. Vue基础入门(2) Vue.js下载与安装
  15. 综合布线中的配线架与理线架
  16. 铁姆肯公司收购Aurora轴承公司
  17. 被百度AI官方认证的大学,究竟是哪所?
  18. 为什么onenote一直在加载_超好用的笔记软件,Onenote是我的最爱
  19. 2022年全球市场高纯度橙皮苷粉末总体规模、主要生产商、主要地区、产品和应用细分研究报告
  20. 共享图书APP开发解决方案

热门文章

  1. matlab常用线型、标记和颜色
  2. SSH密钥删除与创建
  3. 一文搞懂JSON.stringify和JSON.parse(五)JSON.parse使用说明
  4. 【Hackintosh】记录Nvidia GTX1080Ti吃上Monterey12.4的折腾历程
  5. Monkey使用详解
  6. 别的小朋友都在过六一,网络工程师辣么可爱怎么能没有?
  7. Ubuntu下Pycharm切换中文输入法无法输入中文解决方法
  8. 达梦DMHS异构数据库数据实时同步软件速知
  9. haar adaboost matlab,基于Haar+Adaboost人脸识别
  10. 计算机python考试真题笔试_强大的计算机工作面试笔试题目 【与中国文学紧密结合】...