<body>
<input type="text" id="inp"><input type="button" value="切換" id="btn"><br>
<img src="img/1.jpg" alt="" id="pic">
<p id="txt">顯示的是img/1.jpg</p>
<script>
var oInp = document.getElementById('inp'),
oBtn = document.getElementById('btn'),
oPic = document.getElementById('pic'),
oTxt = document.getElementById('txt');
oBtn.onclick = function () {
var val = oInp.value;
oPic.src = 'img/' + val + '.jpg';
oTxt.innerHTML = '顯示的是img/' + val + '.jpg';
}
</script>
</body>
實現效果如下
