样式操作-核心DOM

1.核心DOM

只能操作行内（内嵌）样式-->style里面的所有内容(核心DOM)

//麻烦获取

console.log(div.getAttribute("style"));//只能获取html属性

div.setAttribute("style","border:10px solid blue;");//替换

//麻烦设置	 div.setAttribute("style","height:200px;width:300px;border:10px solid blue;");//要想修改，需要全部重写

2.HTML DOM

只能操作行内（内嵌）样式-->style里面的单个属性(HTML DOM)

//简单行内获取

console.log(div.style.border);

//简单行内设置

div.style.border="10px solid blue";

//获取 所有方法样式（兼容）

if(div.currentStyle){

console.log(div.currentStyle.color);//IE

console.log(div.currentStyle.fontSize);//IE

}else{

console.log(getComputedStyle(div).color);//ff

console.log(getComputedStyle(div).fontSize);//ff

}

//设置 所有方法样式--->只能设置内嵌 内嵌>内部和外部

div.style.color="pink";