操作dom可以改变元素里的内容,还可以改变很多属性
举个栗子:
img的src属性,a连接的href属性,还有一些id alt title等等
举个栗子:
修改img元素属性 src
<button type="button" id="mm1">第一张漂亮妹妹</button>
<button type="button" id="mm2">第二张漂亮妹妹</button>
<img src="img/04.png">
</body>
<script type="text/javascript">
// 修改元素属性 src
//获取元素
var mm1= document.getElementById("mm1");
var mm2 = document.getElementById("mm2");
var img = document.querySelector("img");
//添加事件
mm1.onclick = function() {
img.src = "img/05.png";
}
mm2.onclick = function() {
img.src = "img/04.png";
}
效果如下: