JS的DOM(二)节点操作

来源:互联网 发布:软件项目实施规范 编辑:程序博客网 时间:2024/05/21 06:41

      innerHTML修改节点文本,也可以增加标签。

  innerTEXT只能修改文本。

  DOM节点的style属性对应所有的CSS,可以直接获取或设置。JS中的属性名要用驼峰形式。

  

JS的DOM(二)节点操作

  getAttribute(属性名)可以获取指定属性。

  setAttribute(属性名,属性值)可以设置指定属性。

  attributes可以获取节点所有属性。

  获得节点类型nodeType:

  1------> 元素节点

  2------> 属性节点

  3------> 文本节点

  9------> 文档节点

  

JS的DOM(二)节点操作

  节点创建:

  元素节点:document.createElement(tag标签名称);

  文本节点:document.createTextNode(文本内容);

  节点追加:

  父节点.appendChild(子节点);

  父节点.insertBefore(newnode,oldnode); //newnode放到oldnode的前边

  父节点.replaceChild(newnode,oldnode); //newnode替换到oldnode节点

  节点复制:被复制节点.cloneNode(true/false);

  true:深层复制

  false:浅层复制

  节点删除:父节点.removeChild(子节点);

  

JS的DOM(二)节点操作
原创粉丝点击