【JavaScript】初识JavaScript函数，属性

1. 函数

关键字：function

声明定义：

function 函数名称()
{
//To do...
}

函数的作用：减少冗余代码，提高可复用性和阅读性

2.属性

操作符是点符号和中括号：. 和 []

例如常用属性ID，value,style，用点符号：

button.id
button.value
button.style.font

• 如果属性值中带有横杠，则用[]来操作，如：font-size

button.style['font-size']

如果写成这样：

button.style.font-size

则程序会报错，因为JavaScript无法识别出符号：  -

或者将横杠符后面的首字母大写：

button.style.fontSize

• 如果属性值是保留字，如class，则用classname代替（保留字：在以后的版本中有可能成为关键字的字段）
• 如果属性是个变量，使用[]时，不用加引号；如果直接是属性名，则需要增加引号

          var p1 = document.getElementById("p1");
  	p1.textContent="我是一个被修改后的段落";
  	p1.style.fontStyle="normal";
  	p1.style.fontSize="20px";
  	p1.style.color="chocolate"; 
  	
  	p1.style['color']="Green";  //直接是属性名

• 或者：

• var varcolor = 'color';
  var colorvalue = 'Green';
  p1.style[varcolor]=colorvalue;