2022/1/1( JS DOM前小插曲)

写在前头
在我决定走前端时,大概是21年暑假,那时参加了学校的ACM集训,在坚持了一个暑假期间,我也认识到自己不是“小镇做题家” 。当然也没那做题的脑子。 之前都是一直偶尔兴趣来了学学前端。
大一折腾了很多其他的玩意(钱,嘻嘻嘻),也赚到没几个硬币。现在大二开始好好准备春招。每天公众号打卡,没人看也无所谓。
春招倒计时
今天是2022年的第一天。
每日小结
有效学习时间 6h
学习内容 DOM 的部分操作、将某马的HTML前面2个小节复习敲完了一遍(表单,列表,文本域等等)具体就不细说了
目前水平
HTML,CSS:看了某马的html,css网课,全敲完了一遍。菜鸟教程也看了一遍。
JavaScript:还在上着某马的课
2022.1.1
代码粗糙笔记 -- 知道自己每天学了啥就行,哈哈哈。
目录
DOM:P194~210
01-getElementById获取元素

2019-9-9

02-getElementsByTagName获取某些元素
  • 知否知否,应是等你好久11
  • 知否知否,应是等你好久11
  • 知否知否,应是等你好久11
  • 知否知否,应是等你好久11
  1. 生僻字
  2. 生僻字
  3. 生僻字
  4. 生僻字

03-H5新增获取元素方式(1)
盒子1 盒子2
  • 首页
  • 产品

04-获取特殊元素

事件 05-事件三要素

06-执行事件步骤
123

07-操作元素之改变元素内容
div, p { width: 300px; height: 30px; line-height: 30px; color: #fff; background-color: pink; } 某个时间1123

08-innerText和innerHTML的区别
我是文字 123

09-操作元素之修改元素属性

2022/1/1( JS DOM前小插曲)
文章图片

10-分时问候并显示不同图片案例
2022/1/1( JS DOM前小插曲)
文章图片
上午好

11-操作元素之表单属性设置

12-仿京东显示隐藏密码
Document.box { position: relative; width: 400px; border-bottom: 1px solid #ccc; margin: 100px auto; }.box input { width: 370px; height: 30px; border: 0; outline: none; }.box img { position: absolute; top: 2px; right: 2px; width: 24px; }

【2022/1/1( JS DOM前小插曲)】13-操作元素之修改样式属性
head> Documentdiv { width: 200px; height: 200px; background-color: pink; }

14-关闭淘宝二维码案例
Document.box { position: relative; width: 74px; height: 88px; border: 1px solid #ccc; margin: 100px auto; font-size: 12px; text-align: center; color: #f40; /* display: block; */ }.box img { width: 60px; margin-top: 5px; }.close-btn { position: absolute; top: -1px; left: -16px; width: 14px; height: 14px; border: 1px solid #ccc; line-height: 14px; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }淘宝二维码2022/1/1( JS DOM前小插曲)
文章图片
×

    推荐阅读