<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>变色</title>
<style type="text/css">
.red {
color: brown;
}
</style>
</head>
<body>
<input type="button" value="11111" id="btn1">
<input type="button" value="2222" id="btn2">
<input type="button" value="3333" id="btn3">
<div id="div1"><h1>系兄弟就来砍我!!!!!</h1></div>
</body>
<script src="jQuery.js"></script>
<script>
var oDiv = document.getElementById('div1');
var oBtn = document.getElementById('btn1');
var oBtna = document.getElementById('btn2');
var oBtnb = document.getElementById('btn3');
oBtn.onclick=function(){
oDiv.style.color = "red"
}
oBtna.onclick=function(){
oDiv.setAttribute("style","color:blue")
}
oBtnb.onclick=function(){
oDiv.style.setProperty("color","yellow")
}
</script>
</html>
js 三个三种变色按钮
猜你喜欢
转载自blog.csdn.net/shange9527/article/details/81125830
今日推荐
周排行