HTML | DOM 对象宽度属性

简介

在 HTML 中，宽度属性用于控制一个元素的宽度，它是作为元素的属性进行设置的。在 DOM 中，我们可以使用 width 属性来访问或修改一个元素的宽度。

语法

element.width

其中，element 表示要访问或修改的元素。

示例

访问元素宽度

const div = document.getElementById('myDiv');
const width = div.width;
console.log(width); // 输出元素宽度

修改元素宽度

const div = document.getElementById('myDiv');
div.width = 100; // 修改元素宽度

注意事项

• 宽度属性的值可以为数字，也可以是带单位的字符串（如：100px）。
• 当宽度属性的值为百分比时，其相对于父元素的宽度。
• 某些元素，如图片元素 <img> 具有默认的宽度属性值，如果没有手动给定，那么将使用默认值。
• 修改元素宽度可能会改变当前元素的位置和布局方式，需要注意其他元素的可能影响。