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属性设置样式时忽略的,后续需注意。

你可能感兴趣的:(style属性)