使用JavaScript设置CSS3属性

使用JavaScript设置的CSS属性是什么新鲜事了，在大多数情况下遵循一个非常可预测的路径：

<span class="notranslate" οnmοuseοver="_tipon(this)" οnmοuseοut="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">document.getElementById("adiv").style.height="100px" //set CSS height property using JavaScript</span> （“ADIV”）。＃＃评论=“100px的”/ /设置CSS height属性使用JavaScript</span>
<span class="notranslate" οnmοuseοver="_tipon(this)" οnmοuseοut="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">document.body.style.backgroundColor="yellow" //set CSS background-color property using JavaScript</span> document.body.style.backgroundColor =“黄色”/ /设置CSS background-color属性使用JavaScript</span>

你第一次访问一个元素的“ style “的对象，然后按照所需的CSS属性名称设置。   如果CSS属性的名字是复姓，如“ background-color “，删除连字符和大写字符时，指的是在JavaScript中。   够简单了吧？   随着CSS3属性，在技术上没有什么变化;问题是要知道哪些属性来设置！   你看，浏览器竞相支持CSS3属性落实之前，他们的供应商前缀，使用什么浏览器转向提供一个“临时”的解决方案，而官方性质的细节敲定。   所有的主流浏览器都有自己的供应商前缀，这是：

CSS的主要供应商的前缀/扩展 字首 描述 -毫秒 微软CSS前缀，如-ms-filter ， -ms-behavior ，以及-ms-zoom 。 - 万盎司 Mozilla的CSS前缀，如-moz-box-shadow ， -moz-border-radius ， -moz-transform 。 的-webkit- Webkit的CSS的前缀（Safari浏览器，丁目等），如-webkit-box-shadow ， -webkit-border-radius ，和-webkit-transform 。 -O- 戏曲CSS前缀，如-o-transition ， -o-text-overflow ， -o-transform 。 KHTML Konqueror的CSS前缀，如-khtml-user-select -khtml-border-radius