JS通过.style.属性修改对象样式的可行度分析 JS

1.内嵌样式
html：

JS：

var divs=document.getElementsByTagName('div'); for(var i=0; ialert（this.style.left）; //此时弹出的left值即为当前div在按下鼠标后的值

alert（parseInt（this.style.left））; //此时也弹出left值

xx=mouseX-divX; yy=mouseY-divY; this.style.zIndex='10'; }

2.通过class选择样式
html：

css：

div { position: absolute; width: 170px; height: 240px; opacity: 0.6; filter:alpha(opacity:60); z-index: 5; } .color1 { top: 100px; left: 100px; background-color: #000; } .color2 { top: 130px; left: 130px; background-color: #f00; } .color3 { top: 160px; left: 160px; background-color: #009; }

JS：

var divs=document.getElementsByTagName('div'); for(var i=0; ialert（this.style.left）; //此时弹出为空

alert（parseInt（this.style.left））; //此时弹出NAN当前无法获得样式中的属性值

xx=mouseX-divX; yy=mouseY-divY; this.style.zIndex='10'; }

3.通过ID选择样式
html：

css如上 JS：

var divs=document.getElementsByTagName('div'); for(var i=0; ialert（this.style.left）; //此时弹出为空

alert（parseInt（this.style.left））; //此时弹出NAN当前无法获得样式中的属性值

xx=mouseX-divX;
yy=mouseY-divY;
alert(this.style.zIndex); //第一次点击弹出空值，以后每次点击都会弹出相应的Z-index值（z-index为 div Tag样式中的属性）
}

总结：
1.通过.style.属性只能作用于内嵌式的样式。可获取内嵌样式和Tag样式的全部属性；
2.通过id或class来选择样式的不能通过.style.属性或许样式信息，具体怎样获取待日后学习更深后再叙。
【JS通过.style.属性修改对象样式的可行度分析】

PS:告别手写的日志的第一天，想它。
慢慢适应博客也日志，要跟上潮流啊喂！！