<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>通过js改变style</title>
</head>
<body>
<div id="div1">
<p id="txt">厉害了我的哥!</p>
</div>
<script type="text/javascript">
var txt=document.getElementById("txt");
var div=document.getElementById("div1");
txt.οnclick=change;
function change(){
txt.style.color = "red";
if(txt.style.color == "red"){
//当txt的style改变时,加上边框,div层加上背景色
txt.style.border = "1px solid green";
div.style.background="beige";
}
}
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>通过js改变style</title>
</head>
<body>
<div id="div1">
<p id="txt">厉害了我的哥!</p>
</div>
<script type="text/javascript">
var txt=document.getElementById("txt");
var div=document.getElementById("div1");
txt.οnclick=change;
function change(){
txt.style.color = "red";
if(txt.style.color == "red"){
//当txt的style改变时,加上边框,div层加上背景色
txt.style.border = "1px solid green";
div.style.background="beige";
}
}
</script>
</body>
</html>