今天，我首先對之前學習的內容進行了復習，然后學習了當鼠標指向某一個按鈕時，切換對應的背景圖片。

　　<div id="d1">
　　</div>
　　<input type="button" value="1" οnmοuseοver="dj1()" id="j1" class="c1" style="background-color:#6F3"/>
　　<input type="button" value="2" οnmοuseοver="dj2()" id="j2" class="c1"/>
　　<input type="button" value="3" οnmοuseοver="dj3()" id="j3" class="c1"/>

　　

<script>
　　var a=document.getElementById("j1");
　　var b=document.getElementById("j2");
　　var c=document.getElementById("j3");
　　function dj1()
　　{
　　　　var aa=document.getElementById("d1");
　　　　aa.style.backgroundImage="url(6UPCKHIN3K5O0006.jpg)";
　　　　a.style.backgroundColor="#6F3";
　　　　b.style.backgroundColor="#CCC";
　　　　c.style.backgroundColor="#CCC";
　　}
　　function dj2()
　　{
　　　　var aa=document.getElementById("d1");
　　　　aa.style.backgroundImage="url(22.jpg)";
　　　　a.style.backgroundColor="#CCC";
　　　　b.style.backgroundColor="#6F3";
　　　　c.style.backgroundColor="#CCC";
　　}
　　function dj3()
　　{
　　　　var aa=document.getElementById("d1");
　　　　aa.style.backgroundImage="url(002-1.jpg)";
　　　　a.style.backgroundColor="#CCC";
　　　　b.style.backgroundColor="#CCC";
　　　　c.style.backgroundColor="#6F3";
　　}
</script>

　　之后，我學習了利用Window.document操作內容、樣式和屬性。

　　alert(a.innerHTML);標簽里的html代碼和文字都獲取了

　　a.setAttribute("屬性名","屬性值");設置一個屬性，添加或更改都可以；

　　a.getAttribute("屬性名");獲取屬性的值；

　　a.removeAttribute("屬性名");移除一個屬性；

轉載于:https://www.cnblogs.com/hongsen3/p/5777166.html

總結

以上是生活随笔為你收集整理的网页 JavaScript的DOM操作的全部內容，希望文章能夠幫你解決所遇到的問題。

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