#box img {
height: 250px;
}
- 海海1
- 海海2
- 海海3
2.操作元素属性
=========
2-1.元素属性操作
-
1.语法：
元素.属性名(其实就是对象的取值赋值语法) -
设置元素属性的值:
元素.属性名 = 属性值 -
2.特点：
-
1.class在js中是一个关键字，如果要拿到类名需要使用className
-
2.只能获取到行内样式的属性值，无法得到行外(内联/外联)样式的属性值
-
3.一定是一个字符串，例如：
div.style.height得到150px 得到的是一个带单位的字符串 -
4.如果css样式的属性有以下
-
例如
background-color,margin-top,使用js获取和设置这些属性的时候需要使用驼峰命名(因为-符号不符合js的命名规范) -
例如:
div.style.backgroundColor -
3.注意点：修改类名需要注意会覆盖掉原本的类样式，所以一般我们不会直接修改类名，而是在原先类名的基础上加 一个类，这里需要注意多个类名之间的空格
-
例如：
div.className += " two";//字符串拼接添加类型，注意多个类名之间的空格
2-2.普通元素常用属性
2-3.表单元素常用属性
用户名：
密码：
男：
女：
篮球：
足球：
羽毛球：
乒乓球：
2-4.元素属性操作注意点
| 注意点总结 |
| --- |
| 1. 只能获取到行内样式的属性值，无法得到行外(内联/外联)样式的属性值 |
| 2.获取的数据都是string字符串，带单位 |
| 3.既可以获取，也可以修改 （修改没有行内行外限制，可以修改任何属性） |
小案例：开关灯
需求：点击按钮：如果按钮是 关灯 将页面的背景色变黑，将开关变成 开灯；相反反着做即可
效果图
初始效果
点击效果 （颜色 #000）
思路分析：
/*
思路分析
-
事件源：按钮 querySelector('button')
-
事件类型：点击事件 onclick
-
事件处理
3.1 获取按钮的值：innerText
3.2 获取body元素：querySelector('body') || document.body
3.3 判定按钮的值
-
关灯：背景色变黑，按钮的值变 开灯
-
开灯：背景色变亮，按钮的值变 关灯
*/
最后
其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。
这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）
《前端开发四大模块核心知识笔记》
最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。
我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。 开源分享：docs.qq.com/doc/DSmRnRG…
