轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT AI 工具 工具 导航 更多 实例 参考

HTML DOM Image 对象

Image 对象

Image 对象代表 HTML <img> 元素。

访问 Image 对象

您可使用 getElementById() 来访问 <img> 元素:

实例

var x = document.getElementById("myImg");
亲自试一试 »

提示: 您还可以使用 images 集合访问 <img> 元素。

创建 Image 对象

您可使用 document.createElement() 方法来创建 <img> 元素:

实例

var x = document.createElement("IMG");
亲自试一试 »

Image 对象属性

属性 描述
align HTML5 不支持。请改用 style.cssFloat 。
设置或返回与内联内容的对齐方式。
alt 设置或返回无法显示图像时的替代文本。
border HTML5 不支持。请改用 style.border 。
设置或返回图像周围的边框。
complete 返回浏览器是否已完成对图像的加载。
crossOrigin 设置或返回图像的 CORS 设置。
height 设置或返回图像的高度。
hspace HTML5 不支持。请改用 style.margin 。
设置或返回图像左侧和右侧的空白。
isMap 返回图像是否是服务器端的图像映射。
longDesc HTML5 中不支持
设置或返回指向包含图像描述的文档的 URL。
lowsrc HTML5 中不支持
设置或返回指向图像的低分辨率版本的 URL。
name HTML5 不支持。请改用 id 。
设置或返回图像的名称。
naturalHeight 返回图像的原始高度。
naturalWidth 返回图像的原始宽度。
src 设置或返回图像的 URL。
useMap 设置或返回客户端图像映射的 usemap 属性的值。
vspace HTML5 不支持。请改用 style.margin 。
设置或返回图像的顶部和底部的空白。
width 设置或返回图像的宽度。

标准属性和事件

Image 对象还支持标准 属性 和 事件。

相关页面

HTML 教程: HTML 图片

HTML 参考手册: HTML <img> 标签


❮ 上一页 下一页 ❯