js的image对象简单使用

  • 作者:村长
  • 发布时间:2020-05-08 13:37
  • 分类:JavaScript
  • 标签: 热门推荐

简单使用方式:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图像对象</title>
</head>
<body>
    
    <img src="./img/pc.jpg" alt="" id="img">
    <input type="button" value="切换图像" onclick="changeImg()">
    <script>
        //创建图片标签
        var imgObj = new Image();
        imgObj.src = "./img/mobile.jpg";
        function changeImg()
        {
            //使用1:
            document.getElementById("img").src = imgObj.src;
        }
        //使用2:
        document.body.appendChild(imgObj);
    </script>
</body>
</html>


  • php程序员面试笔试宝典
琉忆编程库
加载中...
TOP