HTML页面中插入图片的几种方法

您所在的位置：网站首页 › taysin图片bokis › HTML页面中插入图片的几种方法

HTML页面中插入图片的几种方法

#HTML页面中插入图片的几种方法| 来源: 网络整理| 查看: 265

1 直接使用 img 标签 Title

2 用js创建一个 img 元素

Title var myImage = document.createElement("img"); myImage.src = "picture.png"; myImage.width = 300; myImage.height = 300; document.body.appendChild(myImage);

3 使用 Image 对象，该Image构造函数创建了一个新的HTMLImageElement实例，它在功能上等同于document.createElement("img")

Title var myImage = new Image(300, 300); myImage.src = "picture.png"; document.body.appendChild(myImage);

4 使用innerHTML，动态添加

Title document.body.innerHTML = '';

【本文地址】

HTML页面中插入图片的几种方法

HTML页面中插入图片的几种方法

今日新闻

推荐新闻