首页 > 网站 > WEB开发 > 正文

js控制div颜色

2024-04-27 14:07:26
字体:
来源:转载
供稿:网友

js控制div颜色

<html><head></head><style>#div1{width:400px;height:400px;background-color:red;}</style><script>

function blue(){ div1=document.getElementById('div1'); div1.style.backgroundColor='blue'; } function pink(){ div1=document.getElementById('div1'); div1.style.backgroundColor='pink'; } function black(){div1=document.getElementById('div1'); div1.style.backgroundColor='black'; }

</script><body><button onclick='wr();'>生成文字</button><button onclick='blue();'>blue</button><button onclick='pink();'>pink</button><button onclick='black();'>black</button><div id='div1'></div>


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表