From aaba566adb3e4353ce228b9e03d35deaf9113e5b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9F=A9=E7=85=9C=E8=BE=89?= <1011224641@qq.com> Date: Mon, 6 Nov 2023 15:31:27 +0000 Subject: [PATCH 1/3] =?UTF-8?q?=E9=9F=A9=E7=85=9C=E8=BE=89=E7=9A=84?= =?UTF-8?q?=E4=BD=9C=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 韩煜辉 <1011224641@qq.com> --- .../20241106\346\223\215\344\275\234.md" | 98 +++++++++++++++++++ 1 file changed, 98 insertions(+) create mode 100644 "33\351\237\251\347\205\234\350\276\211/20241106\346\223\215\344\275\234.md" diff --git "a/33\351\237\251\347\205\234\350\276\211/20241106\346\223\215\344\275\234.md" "b/33\351\237\251\347\205\234\350\276\211/20241106\346\223\215\344\275\234.md" new file mode 100644 index 0000000..2ce1a36 --- /dev/null +++ "b/33\351\237\251\347\205\234\350\276\211/20241106\346\223\215\344\275\234.md" @@ -0,0 +1,98 @@ +# 笔记 + +``` +// 对象由属性和方法两部分组成。 +// 声明对象类型变量和声明一个数值或字符串类型的变量没有什么区别 +// 声明对象类型变量 +let user = { + // 属性包括属性名和值，用 : 分隔,多个属性之间用 , 号间隔 + name:'AA水管菲哥', // key:value 键值对（键和值一一对应） + gender:'女', // 属性名可以使用 "" 或 ''，一般情况下省略，除非名称遇到特殊符号如空格、中横线等 + age:18, + // 方法本身就是一个函数 方法名:函数表达式 + method:function(){ + console.log(this.name+'...'+this.gender) + }, + run: function () { + console.log('我跑的非常快...') + } +} +// 遍历属性或者方法,及对应的值 +for(let a in user){ + //将user对象的属性或者方法赋值给a + console.log(`...${a}...${user[k]}`) +} +// 调用对象中的 method 方法 +user.method() +// 调用对象中的 run 方法 + user.run() + + + + +查: 1.对象名.属性名 +2.对象名['属性名'](用到变量的时候使用这个) +增:对象名.属性名 = 值; +改:和增加一样,直接重新赋值 +删:delete 对象名.属性名 +``` + + + + + +# 作业 + +```JavaScript + + + + + + + + 年会抽奖 + + + + +
+ 年会抽奖 +

一等奖：???

+

二等奖：???

+
三等奖：???
+ +
+ + + + + + + +``` + -- Gitee From 7056a8dcc197ec9218007129553835aadbf7707a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9F=A9=E7=85=9C=E8=BE=89?= <1011224641@qq.com> Date: Tue, 7 Nov 2023 02:22:54 +0000 Subject: [PATCH 2/3] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=2033?= =?UTF-8?q?=E9=9F=A9=E7=85=9C=E8=BE=89/20241106=E6=93=8D=E4=BD=9C.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../20241106\346\223\215\344\275\234.md" | 98 ------------------- 1 file changed, 98 deletions(-) delete mode 100644 "33\351\237\251\347\205\234\350\276\211/20241106\346\223\215\344\275\234.md" diff --git "a/33\351\237\251\347\205\234\350\276\211/20241106\346\223\215\344\275\234.md" "b/33\351\237\251\347\205\234\350\276\211/20241106\346\223\215\344\275\234.md" deleted file mode 100644 index 2ce1a36..0000000 --- "a/33\351\237\251\347\205\234\350\276\211/20241106\346\223\215\344\275\234.md" +++ /dev/null @@ -1,98 +0,0 @@ -# 笔记 - -``` -// 对象由属性和方法两部分组成。 -// 声明对象类型变量和声明一个数值或字符串类型的变量没有什么区别 -// 声明对象类型变量 -let user = { - // 属性包括属性名和值，用 : 分隔,多个属性之间用 , 号间隔 - name:'AA水管菲哥', // key:value 键值对（键和值一一对应） - gender:'女', // 属性名可以使用 "" 或 ''，一般情况下省略，除非名称遇到特殊符号如空格、中横线等 - age:18, - // 方法本身就是一个函数 方法名:函数表达式 - method:function(){ - console.log(this.name+'...'+this.gender) - }, - run: function () { - console.log('我跑的非常快...') - } -} -// 遍历属性或者方法,及对应的值 -for(let a in user){ - //将user对象的属性或者方法赋值给a - console.log(`...${a}...${user[k]}`) -} -// 调用对象中的 method 方法 -user.method() -// 调用对象中的 run 方法 - user.run() - - - - -查: 1.对象名.属性名 -2.对象名['属性名'](用到变量的时候使用这个) -增:对象名.属性名 = 值; -改:和增加一样,直接重新赋值 -删:delete 对象名.属性名 -``` - - - - - -# 作业 - -```JavaScript - - - - - - - - 年会抽奖 - - - - -
- 年会抽奖 -

一等奖：???

-

二等奖：???

-
三等奖：???
- -
- - - - - - - -``` - -- Gitee From 0fce8b16845486505446a5956b0413b7e98dfa8e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=9F=A9=E7=85=9C=E8=BE=89?= <1011224641@qq.com> Date: Tue, 7 Nov 2023 02:26:08 +0000 Subject: [PATCH 3/3] =?UTF-8?q?=E9=9F=A9=E7=85=9C=E8=BE=89=E7=9A=84?= =?UTF-8?q?=E4=BD=9C=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 韩煜辉 <1011224641@qq.com> --- .../20241106\346\223\215\344\275\234.md" | 83 +++++++++++++++++++ 1 file changed, 83 insertions(+) create mode 100644 "33\351\237\251\347\205\234\350\276\211/20241106\346\223\215\344\275\234.md" diff --git "a/33\351\237\251\347\205\234\350\276\211/20241106\346\223\215\344\275\234.md" "b/33\351\237\251\347\205\234\350\276\211/20241106\346\223\215\344\275\234.md" new file mode 100644 index 0000000..3049611 --- /dev/null +++ "b/33\351\237\251\347\205\234\350\276\211/20241106\346\223\215\344\275\234.md" @@ -0,0 +1,83 @@ +# 笔记 + +``` +### 获取DOM对象 +1.querySelecor 满足条件的第一个元素 css选择器 +2.querySelectAll 满足条件的元素集合,返回伪数组 + +操作元素内容 +innerText 将文本内容添加/更新到任意标签位置，**文本中包含的标签不会被解析。 +innerHTML 将文本内容添加/更新到任意标签位置，**文本中包含的标签会被解析。 +文本内容中包含html标签时推荐使用innerHTML，否则建议使用innerText属性。 + +操作表单元素属性 +获取:DOM对象.属性名 +设置:DOM对象.属性名= 新值 + +3.通过classList操作css追加和删除类名 +element.classListadd(类名)//追加一个类 +element.classList.remove(类名)//删除一个类 +element.classList.toggle(类名)//切换一个类有就删掉没有就加上 +4 自定义属性 +data-开头的都是自定义属性 +``` + + + + + +# 作业 + +```JavaScript + + + + + + + + 年会抽奖 + + + + +
+ 年会抽奖 +

一等奖：???

+

二等奖：???

+
三等奖：???
+ +
+ + + + + + + +``` + -- Gitee