大家好，欢迎来到IT知识分享网。
元素.style.属性 = xxx,是修改行间样式，之后再修改className就会没有效果.
先变红后变绿色就没有问题，但是先变绿色再变红色就会出现问题，style的属性比className的优先级高。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
</head>
<style>
#div1 {width:200px; height:200px; border:1px solid black;}
.box {background:red;}
</style>
<script>
function toRed()
{
var oDiv = document.getElementById('div1');
//oDiv.style.background="red"
oDiv.className = 'box';
}
function toGreen()
{
var oDiv = document.getElementById('div1');
oDiv.style.background = 'green';
}
</script>
<body>
<input type="button" value="变红" οnclick="toRed()"/>
<input type="button" value="变绿" οnclick="toGreen()"/>
<div id="div1">
</div>
</body>
</html>
免责声明：本站所有文章内容,图片，视频等均是来源于用户投稿和互联网及文摘转载整编而成，不代表本站观点，不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益，请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权，请联系删除，如若转载，请注明出处：https://yundeesoft.com/12305.html
