- 博客(10)
- 收藏
- 关注
原创 JS操作样式属性和JS事件
innerHTML获取元素内部的HTML结构、设置元素内容innerText获取元素内部的文本(只能获取到文本内容,获取不到html标签),可以设置元素内部的文本getAttribute获取元素的某个属性(包括自定义属性)setAttribute 给元素设置一个属性(包括自定义属性)removeAttribute 直接移除元素的某个属性style专门用来给元素添加 css 样式的,添加的都是行内样式className专门用来操作元素的类名的 JS事件事件的三要素事件源:网页上的元素。如:按钮,
2022-06-30 22:38:18 209 1
原创 JS操作DOM元素
DOM ( Document Object Model ),叫做文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改html文档的内容和结构。文档节点==>document元素节点==>标签属性节点==>标签的属性文本节点==>标签体通过可编程的对象模型 JavaScript 能够创建动态的 HTML节点 JavaScript 能够改变页面中的所有 HTML 元素 JavaScript 能够改变页面中的所有 HTML 属性 JavaScrip
2022-06-30 22:30:03 381
原创 定时函数和swiper插件
setTimeout(changeBackgroundColor,1000); 定时关闭 函数用来指定某个函数或某段代码,在多少毫秒之后执行。它返回一个整数,表示定时器的编号,以后可以用来取消这个定时器。 setInterval(changeBackgroundColor,1000); 重复执行 函数的用法与完全一致,区别仅仅在于指定某个任务每隔一段时间就执行一
2022-06-30 15:36:22 314
原创 JavaScript基础和JS函数和对象
行内 内嵌 外部 简单数据类型说明默认值Number数字型,包含整数值和浮点值0Boolean布尔值类型,如true、false,等价与1和0falseString字符串类型“”UndefinedVar a;声明了变量a但是没有给值,此时a = undefinedundefinedNullVar a = null;声明了变量a为空值null if if…else switch 反复地执
2022-06-29 00:54:37 162
原创 了解REM文字适配和Flex布局
em单位 实际大小就是父元素字体大小的倍数 rem 根元素的字体大小作为基准。 父项: flex-direction: 设置主轴的方向; row:默认值 从左到右 row-reverse 从右到左 column:从上到下依次排列 column-re
2022-06-27 23:44:27 89
原创 了解CSS定位原理及格式 了解CSS过渡、变形和动画
1、开启定位 2、指定偏移量 position:定位方式 static: 默认值 没有开启定位 relative:相对定位 相对于该元素在文档流中的位置 absolute:绝对定位 相对的位置不一样 相对于开启了定位的 父元素的定位,如果父元素没有开启定位,就依次往上找父元素
2022-06-25 00:44:59 122
原创 了解学习CSS盒模型的基本原理并进行初步演示
CSS盒模型概述定义:把HTML页面中的元素看作是以一个矩形的盒子。内容——框的内容,其中显示文本和图像。(height、width)内边距——清徐内容周围的区域。内边距是透明的。(padding)边框——围绕内边距和内容的边框。(border)外边距——清除边界外的区域,外边距是透明的。(marge)其他盒模型display:设置元素的显示模式(块&行内)visibility:用于设置元素的显示状态( 显示&隐藏)box-sizing:用来设置盒子尺寸的计算方式outine:用来设置元素的轮廓线
2022-06-22 23:30:48 87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人