HTML DOM之节点操作方法(1)
1.checkboxObject.focus()方法用于为 checkbox 赋予焦点
2.checkboxObject.blur()方法用于让 checkbox 失去焦点
3.appendChild()在子节点列表之后插入新增的子节点
注:您也可以使用 appendChild()方法将一个元素移动到另一个元素中
这里就将”myList2”中最后一个子节点移动到”myList1”的最后
4.node.insertBefore(newnode,existingnode)方法在您指定的已有子节点之前插入新的子节点
参数1:必需。需要插入的节点对象。
参数2:可选。在其之前插入新节点的子节点。如果未规定,则 insertBefore 方法会在结尾插入 newnode
注:
1:使用使用appendChild()和insertBefore()插入节点都会返回被插入的节点
2:值得注意的是,如果这两种方法插入的节点原本已经存在与文档树中,那么该节点将会被移动到新的位置,而不是被复制
5.node.removeChild(node)方法指定删除元素的某个指定的子节点。以 Node 对象返回被删除的节点,如果节点不存在则返回 null
参数:必需。您希望删除的节点对象。
6.node.replaceChild(newnode,oldnode)方法用新节点替换某个子节点。这个新节点可以是文档中某个已存在的节点,或者您也可创建新的节点。返回值是以Node对象格式返回被替换的节点。
参数:newnode是您希望插入的节点对象
参数:oldnode是您希望删除的节点对象
7.node.cloneNode(deep)创建节点的拷贝,并返回该副本。如果您需要克隆所有后代,请把 deep 参数设置 true,否则设置为 false。返回值是以Node对象类型返回的被克隆的节点
参数:可选。默认是 false。设置为 true,如果您需要克隆节点及其属性,以及后代。设置为 false,如果您只需要克隆节点及其后代
HTML DOM之节点操作方法(1)相关推荐
- HTML DOM之节点操作方法(2)
9.document.hasFocus()方法返回布尔值,用于检测文档(或文档内的任一元素)是否获取焦点.没有参数 10.node.hasChildNodes()方法返回 true,如果指定节点拥有子 ...
- XML DOM – 导航节点概述
通过节点间的关系访问节点树中的节点,通常称为导航节点("navigating nodes").可通过使用节点间的关系对节点进行导航. 导航 DOM 节点 通过节点间的关系访问节点树 ...
- html dom 替换节点,从javascript dom文本节点替换
我正在使用javascript处理xhtml.我通过连接nodeType == Node.TEXT_NODE的所有子节点的nodeValue来获取div节点的文本内容.从javascript dom文 ...
- DOM Element节点类型详解
上文中我们讲解了 DOM 中最重要的节点类型之一的 Document 节点类型,本文我们继续深入,谈谈另一个重要的节点类型 Element . 1.概况 Element 类型用于表现 HTML 或 X ...
- DOM判断节点类型分分钟搞定
小编和你一起解锁DOM判断节点类型的秘密 Let's GO ! ! ! Node对象中的nodeName获取指定节点的节点名称 Node对象中的nodeType获取指定节点的节点类型 nodeType ...
- dom操作节点之常用方法
DOM: 获取节点:{ 1. document.getElementById (元素id):通过元素id找到节点 2. document.getElementsByClassName (元素类名cla ...
- jspdf-html2canvas 自动分页 网页导出pdf 自动根据dom子节点的高度进行分页,避免dom的内容在分页的时候被截断
jspdf-html2canvas 网页导出pdf 自动根据dom子节点的高度进行分页,避免dom的内容在分页的时候被截断 说明 直接上代码 说明 要导出的内容用 .pdf 包裹 ,默认会以.pdf的 ...
- DOM是什么(DOM的节点类型)
学到DOM时,看到关于文档(结构树).节点(node).和DOM提供的一些方法获取(找到)所需的节点.还有DOM属性,我很混乱,我无法弄清节点的关系层级属性和方法的关系,所以在使用DOM之前我要先了解 ...
- JavaScript - DOM 克隆节点方法 - cloneNode
JavaScript - DOM 克隆节点方法 - cloneNode 具体看代码即可:(调用者为要克隆的节点) <!DOCTYPE html> <html lang="e ...
最新文章
- 机器学习100天:专栏目录
- Oracle电子商务套件版本12.1.3自述文件 (Doc ID 1534411.1)
- ruby 发送post请求_使用Ruby发送电子邮件
- 阿里技术专家浅谈微服务架构
- springBoot,thymeleaf页面中js使用标签
- StarUML 3 中文文档 构件图
- 通过YYtext实现文本点击(类似微博效果)
- Lync 2013安装要点
- 机载激光雷达原理与应用科普(三)
- 小米路由器3开启千兆_使用评测 篇三:家庭网络进入千兆时代—小米路由器4开箱及评测...
- Open3DCGAL DTM(数字地形模型)
- 【史上最全 | 编程入门指南无标题】
- oracle导出dmp文件合集
- C语言openssl aes-128-ecb加解密
- 设置 IDEA走easyconnect代理
- 网络空间拟态防御CMD(Cyber Mimic Defense)
- RabbitMQ系列教程一:消息中间件的诸侯征战史
- canvas画板涂鸦动画进度条动画
- iOS Masonry使用
- Mybatis association标签用途
热门文章
- 安卓Java虚拟机大小_虚拟机为安卓流畅度背锅,是因为关系数十万程序员饭碗?...
- HTML页面显示透视效果,html – CSS – 对背景图像的“敲除”/透视效果
- mysql综合查询索引优化_MySQL数据库SQL优化之确定问题使用索引提高查询效率
- PHP 函数调用跟踪
- linux如何查看mysql是否启动
- 【STC15库函数上手笔记】4、USART串口
- PCB中加入logo
- 嵌入式Linux启动过程中的问题积累
- Hello Qt(在Linux下编写运行Qt程序)
- [css] 相邻兄弟选择器、后代选择器和子选择器三者有什么区别?