JavaScript学习系列（一）--函数参数以及属性操作

摘要

1.函数传参。
2.两种操作属性的方法。
3.style和className

一、函数传参

改变背景颜色
函数传参：参数就是占位符

• 什么时候用参数--函数里定不下来的东西

例子（1）改变div的颜色

例子（2）改变Div的任意样式

二、两种操作属性的方法

• 什么时候用：要修改的属性不固定
• 字符串和变量--区别和关系

3、style和className

• 元素.style属性=xxx是修改行间样式
• 之后再修改className不会有效果

通过下边的代码运行，在浏览器中审查元素会发现：
style加样式 在行间
style取样式 在行间

示例1

示例2

如果换成class又会出现另外的情形
我么先看一下在CSS中的样式优先级

• *<标签

再给一个例子作为比较

示例3

示例4

当先点击红色在点击绿色,div颜色正常显示，但是如果反过来就会发现先点击绿色后在点击变红则无法改变颜色，这就是因为行间样式的优先级大于class的原因，在审查元素的代码变化中也能看到。

因此在这里需要特别注意，对同一个元素，要么从头到尾一只操作class，要么一直操作style，而不要混着来，这样会避免一些很难查找到的问题