调用图片按钮的img图片

时间：2023-03-09 14:13:49
调用图片按钮的img图片

今天是我学前端的第12天。早上起床后活动筋骨时看了《JS的基本属性操作》，作业是模拟手机发送短信。文字都能传输到<div>上，就是图片不知道怎么传。折腾了好久才弄清楚，多亏了某群的小伙伴们。

这一节课，我学会了如何调用图片。调用图片按钮的img图片但是不会像平时聊天屏幕那样，另一人说话时切换头像，靠在屏幕的右边，比如：调用图片按钮的img图片

<script type="text/javascript">

    window.onload = function(){

        var oDiv = document.getElementById('div1');

        var oBtn0 = document.getElementById('btn0');

        var oBtn = document.getElementById('btn1');

        var oText = document.getElementById('text1');

oText.onclick = function(){

    oText.value = '';

}

        oBtn.onclick = function() {

            oDiv.innerHTML = oDiv.innerHTML + oBtn0.innerHTML + oText.value + '<br/>';

            oText.value = '请输入内容：';//用于上步执行完后，清空文本内容。

        };

    };

    </script>

相关文章