📜  HTML | DOM 输入图像宽度属性(1)

📅  最后修改于: 2023-12-03 14:41:50.929000             🧑  作者: Mango

HTML | DOM 输入图像宽度属性

HTML 中,可以使用 <img> 标签插入图像。可以使用 width 属性来设置图像的宽度。在 DOM 中,可以通过 HTMLElement.width 属性来获取或设置图像的宽度。

HTML 中设置图像宽度属性

HTML 中,可以使用 width 属性来设置图像的宽度。它可以设置一个具体的像素值,也可以设置一个相对值,如百分比。

<img src="image.jpg" alt="Image" width="500">
<img src="image.jpg" alt="Image" width="50%">
DOM 中获取或设置图像宽度属性

在 DOM 中,可以通过 HTMLElement.width 属性来获取或设置图像的宽度。它返回一个数字,表示图像的宽度(以像素为单位),或者可以设置一个新的值。

const img = document.querySelector('img');
console.log(img.width); // 返回图像的宽度
img.width = 500; // 设置图像的宽度为 500 像素