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