dom操作之元素的增删复制

一、增删改操作

  document.appendChild(newNode) 将newNode添加成当前节点的最后一个子节点

  document.insertBefore(newNode,refNode) 将refNode节点之前插入newNode节点

  document.replaceChild(newNode,oldNode) 将oldNode节点替换成newNode节点

  document.removeChild(oldNode) 将oldNode子节点删除

  document.createElement(变签名):创建标签。

  document.cloneNode(boolean deep):当deep为true时,表示复制当前节点以及当前结点的全部后代节点。为false时,只复制当前节点。**注意:复制时也会复制改元素的属性。

二、option对象

  var 变量 = new Option(text,value,defaultSelected,selected);

  text:显示的内容。

  value:option的value值。

  defaultSelected:判断是不是默认项  option对象.[索引].defaultSelected    返回true和false。

  selected:设置改option对象为默认选中。true/false

三、设置获取更改删除元素属性

  1、获取自定义属性:
    document.getAttribute(自定义属性名)//返回string
  2、设置自定义属性
    document.setAttribute(自定义属性名,自定义属性值)
    注意:也可以获取(设置)节点本有的属性和值
  3、移除属性
    document.removeAttribute(属性名);

posted @ 2019-08-16 20:28  养一只Tom猫  阅读(219)  评论(0编辑  收藏  举报