博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML DOM之节点操作方法(1)
阅读量:4210 次
发布时间:2019-05-26

本文共 856 字,大约阅读时间需要 2 分钟。

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,如果您只需要克隆节点及其后代

你可能感兴趣的文章
《redis in action》redis事务和管道
查看>>
《redis in action》Redis的一些使用
查看>>
这个世界永远不缺奋斗者
查看>>
代码实现java8元空间溢出
查看>>
《redis in action》Redis分布式锁
查看>>
《redis in action》Redis锁超时和重入锁
查看>>
《redis in action》Redis做队列
查看>>
富兰克林效应
查看>>
《redis in action》发布和订阅
查看>>
程序员是如何制作证件照的
查看>>
OpenGL学习二十二:纹理坐标自动生成
查看>>
OpenGL学习二十三:多重纹理
查看>>
OpenGL学习二十四:绘制像素,位图,图像
查看>>
OpenGL学习二十五:像素存储模式
查看>>
OpenGL学习二十六:雾
查看>>
OpenGL学习二十七:混合
查看>>
OpenGL学习二十八:蒙版
查看>>
OpenGL学习二十九:模板缓冲区与模板测试
查看>>
OpenGL学习三十:深度缓冲区与掩码
查看>>
OpenGL学习三十一:累积缓冲区
查看>>