课程名称：破解JavaScript高级玩法
课程章节：第7章 如果不用vue，react框架，如何操作DOM？
主讲老师：Cloud

课程内容：

今天学习的内容包括：
7-1 玩转Node节点：不应被忽视的 nodeType——nodeType的节点类型以及相关特性。

课程收获：

Node的nodeType（节点类型 nodeType）

• 1、元素节点，例如 div span 等
• 3、文本；对象模型：Text
• 8、注释；对象模型：Comment
• 9、文档；对象模型：Document
• 10、文档类型；对象模型：DocumentType
• 11、文档碎片；对象模型：DocumentFragment

Text - 3

• 神秘空白的文本节点
• 使用childNodes访问
• 使用nodeValue取值

有趣的拆家和合并

• splitText :拆家
• Eelement.normalize

Comment - 8

• 注释为'<!--'和'-->'之间的内容
• nodeValue获取其内容

Document重要的方法和属性

• 节点查找。document.querySelector,document.querySelectorAll等等
• 节点结合信息。document.all, document.forms,document.scripts, document.images.document.links等等
• cookie。document.cookie

DocumentType - 10

• 访问方式:document.doctype , document.firstChild
• 有用的属性只有一个，就是name。返回值是"html"

DocumentFragment - 11

• 就像标准的document—样，存储由节点( nodes )组成的文档结构
• 所有的节点会被一次插入到文档中，而这个操作仅发生一个重渲染的操作。
• 常用语批量创建大量节点，提高性能。

Element系列 - 1

• 创建:document.createElement
• children(nodeType = 1)和childNodles(全部)

今天 学习了 玩转Node节点：不应被忽视的 nodeType，通过今天的学习，对浏览器的Dom节点有了清晰的了解。对自己说一句，加油😀~

坚持打卡，坚持学习！明天见💪~
​

​

​