style属性 - 码农教程

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>样式</title>    
    <script type="text/javascript">
        var supportDOM2CSS=document.implementation.hasFeature("CSS","2.0");
        alert(supportDOM2CSS);
        var supportDOM2CSS2=document.implementation.hasFeature("CSS2","2.0");
        alert(supportDOM2CSS2);
/*
放在此处是无法获取div元素的，因浏览器是自上而下渲染网页的，当遇到嵌入的CSS和JS时，会停止构建DOM树。可通过将js放在body之后加载，也可如下使用事件监听。
         var myDiv=document.getElementById("myDiv");            
         myDiv.style.fontSize="150px";                
         myDiv.style.backgroundColor="gold";
         alert(myDiv);
         alert(myDiv.style.backgroundColor);18 
*/
    document.onreadystatechange=function(){
    if(document.readyState=='complete'){
        //执行一系列函数
         var myDiv=document.getElementById("myDiv");            
         myDiv.style.fontSize="150px";                
         myDiv.style.backgroundColor="gold";
         alert(myDiv);
         alert(myDiv.style.backgroundColor);
        }
    }        
    </script>        
</head>
<body>
<div id="myDiv">一个Div标签</div>
</body>
</html>

以上问题是在练习style属性设置样式时忽略的，后续需注意。

原文地址：https://www.cnblogs.com/planetwithpig/p/11456086.html