欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

style属性

程序员文章站 2022-06-12 13:31:30
以上问题是在练习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属性设置样式时忽略的，后续需注意。

上一篇： SQLServer常用快捷键汇总

下一篇： FusionCharts中文教程：安装指南 fusioncharts图表JavaScript数据可视化图表解决方案移动开发 

推荐阅读