DOM节点的操作

1.查找节点

1.通过ID:document.getElementById()
2.通过className:document.getElementsByClassName();
3.通过tagName:document.getElementsByTagName();
4.通过父子节点:
4-1:firstChild:第一个孩子节点;
4-2:lastChild:最后一个孩子节点;
4-3:parentNode:父节点;
4-4:nextSibling: 下一个兄弟节点;
4-5:previousSibling:上一个兄弟节点;

2.创建节点

document.createElement(ele);ele:标签名

3.将创建的节点增加body中

document.body.appendChild(ele);追加到最后

4.复制节点

cloneNode();不能复制它的孩子节点

5.移除节点

removeChild()将指定的节点移除

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 9,067评论 0 7
  • 本章内容 理解包含不同层次节点的 DOM 使用不同的节点类型 克服浏览器兼容性问题及各种陷阱 DOM 是针对 HT...
    闷油瓶小张阅读 3,947评论 0 1
  • 1. 什么是DOM 文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述,并定...
    hanyuntao阅读 5,068评论 0 4
  • 无参数无返回值的block typedef void (^dispatch_block_t)(void); 在定义...
    伯wen阅读 1,131评论 0 0
  • 你路过窗外香过一树木棉花的盛开
    楚少寒阅读 2,241评论 0 0