01-DOM节点:网页一切内容皆节点
1.1-DOM节点介绍
1.什么是节点:在HTML文档中,一切皆节点(HTML文档本身、标签、属性、注释内容、文本)
2.什么是元素:元素在HTML中叫做标签,在JS的dom对象中称为元素(可以理解为标签的面向对象的叫法)
3.HTML标签属于节点的一种,叫做元素节点
4.节点三要素:
节点类型:标签、属性、注释、文本
节点名称:p、div、class(标签名)
节点的值:one(属性的值)
在JavaScript中,document这个对象大家一定很熟悉,哪怕是刚刚开始学习的新人,也会很快接触到这个对象。
而document对象不仅仅是一个普通的JavaScript内置对象,它还是一个巨大API的核心对象,这个巨大的API就是DOM
(Document Object Model),它将文档的内容呈现在JS面前,并赋予了JS操作文档的能力。
DOM树体现着HTML页面的层级结构,学习中经常提到的父元素子元素的说法也是建立在树这种数据结构的基础之上的,
而DOM文档树则包含文档中所有内容。
1.2-查找节点:子节点
1.3-查找节点:兄弟节点
1.4-查找节点:父节点
1.5-案例:点击关闭二维码
1.6-新增节点
1.7-克隆节点
1.8-删除节点
02-综合案例:微博发布
03-定时器
1.1-setInterval永久定时器
1.4-setTimeout一次定时器
1.3-案例:3秒自动消失广告
1.4-案例:电商秒杀