Image width 属性

ໂອກາດ Image DOM HTML

定义和用法

width 属性设置或返回图像的 width 属性 的值。

HTML width 属性规定图像的宽度。

此属性还可以返回已使用 CSS 设置样式的图像的宽度（请参见下方的实例）。

提示：请使用 height 属性 设置或返回图像的 height 属性 的值。

实例

例子 1

将图像的宽度更改为 450px：

document.getElementById("myImg").width = "450";

亲自试一试

例子 2

返回图像的宽度：

var x = document.getElementById("myImg").width;

亲自试一试

例子 3

将图像的高度和宽度分别更改为 300px 和 450px：

document.getElementById("myImg").height = "300";
document.getElementById("myImg").width = "450";

亲自试一试

例子 4

返回已使用 CSS 设置样式的图像宽度：

var x = document.getElementById("myImg").width;

亲自试一试

语法

返回 width 属性：

imageObject.width

设置 width 属性：

imageObject.width = pixels

属性值

值 描述
pixels ວັດຖຸພາກວັດຖຸ, ຄືດັ່ງ: width="100".

ຂໍ້ສັງເກດເຕັກນິກ

ຄວາມຮັບຜິດຈະ ຈຳນວນ, ສະແດງວ່າວັດຖຸພາບວັດຖຸ, ຖ້າໃຊ້ພາກສະພາບ.

ການສະໜັບສະໜູນຕົວເລື່ອງ

ຊຣູມີ ເອດກີ ຟີຣອກສ ຊາຟາຣີ ໂອເປຣາ
ຊຣູມີ ເອດກີ ຟີຣອກສ ຊາຟາຣີ ໂອເປຣາ
ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ

ບັນດາເວັບໄຊທີ່ກ່ຽວຂ້ອງ

ອານວຍການ HTML:ຜ່ານຮູບ <img> ປະສົມກຳລັງວັດຖຸ

ໂອກາດ Image DOM HTML