JS-style属性

HTML元素.style.样式属性＝"值"

document.getElementById("titles").style.color="#ff0000";

document.getElementById("titles").style.fontSize="25px ";

className属性

第一种：

元素.className="样式名称"

 第二种：classList.add（“”）

获取元素的样式

获取行内样式的写法：

获取内部和外部和行内样式的写法：

document.defaultView.getComputedStyle(元素,null)

简写：window.getComputedStyle（(元素,null)

兼容IE浏览器

document.getElementById("元素").currentStyle.color ;

两者兼容（谷歌&IE）写法

操作节点样式

onclick   当用户单击某个对象时调用事件

onmouseover      鼠标移到某元素之上

onmouseout 鼠标从某元素移开

onmousedown    鼠标按钮被按下

onmouseup   鼠标按钮抬起的时候

remove （“样式名”）

replace（“A”,"B"）

HTML中元素属性

offsetLeft     返回当前元素左边界到它上级元素的左边界的距离，只读属性(包括左边界+margin左边的值)

offsetTop      返回当前元素上边界到它上级元素的上边界的距离，只读属性(包括盒子的边距+margin的值)

offsetHeight 返回元素的高度(包括盒子高度+border上下边界+padding的值)

offsetWidth   返回元素的宽度(包括盒子宽度+border上下边界+padding的值)

offsetParent  返回元素的偏移容器，即对最近的动态定位的包含元素的引用(相对谁定位找谁，父级没有定位，他的

offsetParent值是body，fixd定位的容器是null)

clientWidth   返回元素的可见宽度（只包括盒子+padding的值)

clientHeight  返回元素的可见高度（只包括盒子+padding的值)

scrollTop       返回匹配元素的滚动条的垂直位置

scrollLeft       返回匹配元素的滚动条的水平位置

标准浏览器  在谷歌浏览器中可以识别

document.documentElement.scrollTop;

document.documentElement.scrollLeft;

或者

Chrome

document.body.scrollTop;

document.body.scrollLeft;

兼容写法

sTop=document.documentElement.scrollTop||document.body.scrollTop;