使用element.style
可以調整HTML元素的尺寸。以下是一些常用的CSS屬性,可用于更改元素的寬度、高度、內邊距、外邊距等:
width
:設置元素的寬度。可以使用像素、百分比或其他單位。例如:
const element = document.getElementById("myElement");
element.style.width = "200px"; // 設置寬度為200像素
height
:設置元素的高度。可以使用像素、百分比或其他單位。例如:
const element = document.getElementById("myElement");
element.style.height = "100px"; // 設置高度為100像素
padding
:設置元素的內邊距。可以使用像素、百分比或其他單位。例如:
const element = document.getElementById("myElement");
element.style.padding = "10px"; // 設置內邊距為10像素
margin
:設置元素的外邊距。可以使用像素、百分比或其他單位。例如:
const element = document.getElementById("myElement");
element.style.margin = "20px"; // 設置外邊距為20像素
注意,使用element.style
只能修改內聯樣式(即直接在HTML元素中定義的樣式)。如果要修改元素的樣式表樣式,則需要使用其他方法,例如element.classList
或document.querySelector
。