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