weiapi知识点加案例

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-案例:电商秒杀
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值