【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;