以上問題是在練習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屬性設置樣式時忽略的,後續需註意。