JavaScript---常用元素的属性操作(点击图片修改src属性)

操作dom可以改变元素里的内容,还可以改变很多属性

举个栗子:

img的src属性,a连接的href属性,还有一些id alt title等等

举个栗子:

修改img元素属性  src

1.  
   <button type="button" id="mm1">第一张漂亮妹妹</button>
2.  
   <button type="button" id="mm2">第二张漂亮妹妹</button>
3.  
   <img src="img/04.png">
4.  
   </body>
5.  
   <script type="text/javascript">
6.  
   // 修改元素属性 src
7.  
   //获取元素
8.  
   var mm1= document.getElementById("mm1");
9.  
   var mm2 = document.getElementById("mm2");
10.  
    var img = document.querySelector("img");
11.  
     
12.  
    //添加事件
13.  
    mm1.onclick = function() {
14.  
    img.src = "img/05.png";
15.  
    }
16.  
    mm2.onclick = function() {
17.  
    img.src = "img/04.png";
18.  
    }

效果如下: 

这篇好文章是转载于：学新通技术网