當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

换样式

發布時間：2023/12/20 编程问答 28 豆豆

生活随笔收集整理的這篇文章主要介紹了换样式小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

<!DOCTYPE html>
<html lang="en">
<head>
?? ?<meta charset="UTF-8">
?? ?<title>改變div的樣式</title>
?? ?<style type="text/css">
?? ?#div1{
?? ??? ?width:100px;height:100px;background:red;
?? ?}
?? ?</style>
?? ?<script type="text/javascript">
?? ??? ?
?? ??? ?function toGreen(){
?? ??? ??? ?var oDiv1=document.getElementById('div1');
?? ??? ??? ?oDiv1.style.width='200px';
?? ??? ??? ?oDiv1.style.height='200px';
?? ??? ??? ?oDiv1.style.background='green';
?? ??? ?}
?? ??? ?function toRed(){
?? ??? ??? ?var oDiv1=document.getElementById('div1');
?? ??? ??? ?oDiv1.style.width='100px';
?? ??? ??? ?oDiv1.style.height='100px';
?? ??? ??? ?oDiv1.style.background='red';
?? ??? ?}
?? ?</script>
</head>
<body>
?? ?<div id="div1" οnmοuseοver="toGreen()"οnmοuseοut="toRed()"></div>
</body>
</html>

查看范例

轉載于:https://www.cnblogs.com/Mr-W/p/6288969.html

總結

以上是生活随笔為你收集整理的换样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

样式

上一篇： jquery 自动触发事件 trigge
下一篇： P4语言编程快速开始实践二