操作DOM对象

郝东的头像
郝东
170

1.创建DOM元素节点

      创建元素主要是指创建元素节点对象以及将创建好的节点对象添加到HTML文档中去。一般创建元素的方法是使用document对象的createElement(tag)、createTextNode(text)方法创建节点对象,然后使用appendChild(node)、inserBefore(node,[refnode])等方法将创建好的节点对象添加到HTML文档中的指定位置。

2.删除DOM元素节点

        删除元素节点,可以使用removeChild(node)来实现对元素节点的删除。去语法结构如下:

        obj.removeChild(node)

        obj:父元素对象。

        node:要删除的子元素节点名称。

3.复制DOM元素节点

       复制元素节点,可以使用cloneChild(deep)来实现 对元素节点的复制。其语法结构如下:

       obj.cloneChild(deep)

       obj:父元素对象。

       deep:该参数是一个Boolean值,表示是否为深度复制。当deep的值为true是表示深度复制,就是将当前节点的所有子节点都复制;当为false时表示普通复制,只简单地复制当前节点,不复制子节点。

4.移动DOM元素节点

       移动元素可用appendChild(node)和inserBefore(node,[refnode])方法来完成,如果要添加的元素在当前HTML文档中已经存在,执行上述方法就会将该元素从原来的位置移动,然后添加到新位置。

5.替换DOM元素节点

       替换元素parent.replaceChild(newchild,oldchild),使用newchild元素替换oldchild元素。

用户评论
评论列表