前端
文章平均质量分 95
小满和小晨
这个作者很懒,什么都没留下…
展开
-
webApi总结
webApi总结DOM1. DOM简介1.1 什么是DOM1.2 DOM树2 获取元素2.1 根据id获取2.2 根据标签名获取2.3 通过 HTML5 新增的方法获取2.4 获取特殊元素(body,html)3 事件基础3.1 事件三要素3.2 常见的鼠标事件4 操作元素4.1 改变元素内容4.2 修改元素属性4.3 表单元素的属性操作PC端网页特效事件高级移动网页特效BOM本地存储DOM1. DOM简介1.1 什么是DOM文档对象模型(Document Object Model,简称 DOM),原创 2022-03-05 09:30:33 · 560 阅读 · 0 评论 -
webApi(三)PC端网页特效
PC端网页特效1 元素偏移量 offset 系列1.1 offset概述使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等获得元素距离带有定位父元素的位置, 如果父元素没有定位就返回距离body的距离获得元素自身的大小(宽度高度)1.2 offset使用(1) 距离带有定位父元素的位置偏移offsetLeftoffsetTop(2) 得到元素的大小(包含padding和margin)offsetWidthoffsetHeight(3) 得到带有定原创 2022-03-05 09:29:43 · 243 阅读 · 0 评论 -
webApi(二)事件高级
事件高级1 绑定和解绑事件1.1 绑定事件给元素添加事件,称为注册事件或者绑定事件。注册事件有两种方式:传统方式和方法监听注册方式(1)传统注册方式: 利用 on 开头的事件 onclick特点:注册事件唯一性,同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数(2)addEventListener 方法监听注册方式: addEventListener() 方法特点:同一个元素同一个事件可以注册多个监听器按注册顺序依次执行方法和参数eventTarget原创 2022-03-02 08:55:47 · 277 阅读 · 0 评论 -
webApi (一) DOM操作
webApi 之 DOM操作DOM1. DOM简介1.1 什么是DOM1.2 DOM树2 获取元素2.1 根据id获取2.2 根据标签名获取2.3 通过 HTML5 新增的方法获取2.4 获取特殊元素(body,html)3 事件基础3.1 事件三要素3.2 常见的鼠标事件4 操作元素4.1 改变元素内容4.2 修改元素属性4.3 表单元素的属性操作4.4 样式属性操作4.4.1 element.style 行内样式操作4.4.1 element.className 类名样式操作4.5 样式操作总结4原创 2022-03-01 08:44:41 · 596 阅读 · 0 评论 -
css高级技巧
css高级技巧1 元素隐藏与显示1.1 display: none1 元素隐藏与显示1.1 display: nonedisplay: none 元素隐藏display: block 除了转化为块级元素外,还有显示元素的意思特点:隐藏之后不再保留位置原创 2022-02-22 13:41:21 · 819 阅读 · 0 评论