style属性
程序员文章站
2023-10-26 19:52:04
以上问题是在练习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属性设置样式时忽略的，后续需注意。