# 1、設置css樣式 > 語法： elementNode.style.css樣式 = 值 * css樣式的寫法： ①、一個單詞的直接寫即可。比如color height … ②、樣式名稱帶中橫線的，去掉中橫線，后面單詞首字母大寫。比如fontSize lineHeight backgroundColor  # 2、獲取css樣式 > 使用 "node.style.樣式名稱" 的方式只能獲取行內樣式和js已經設置過的樣式。 要想獲取全部的樣式，則必須使用下面的方法： * 在IE中支持node.currentStyle.樣式名稱 * 火狐支持getComputedStyle(node).樣式 為了兼容各個瀏覽器，所以需要自己封裝一個函數，用于獲取完整的css樣式： ``` <p>nice to meet you!</p> <script> //設置p元素的css樣式，color是紅色，背景顏色是金色。 var p = document.getElementsByTagName('p')[0]; p.style.color = 'red'; p.style.backgroundColor = 'gold'; /************ 獲取元素的css樣式 *************/ /*var c = p.style.color; console.log(c); var f = p.style.fontSize; console.log(f);*/ //獲取完整樣式的寫法（非IE） //var f = getComputedStyle(p).fontSize; //console.log(f); //獲取完整樣式的寫法（IE8） //var f = p.currentStyle.fontSize; //console.log(f); //兼容各個瀏覽器的獲取完整css樣式的寫法 function getStyle(node, styleName){ if(node.currentStyle){ //說明是IE return node.currentStyle[styleName]; }else{ return getComputedStyle(node)[styleName]; } } console.log(getStyle(p, 'fontSize')); </script> ```