Đối tượng hình ảnh
Thí dụ
Thay đổi chiều rộng của hình ảnh thành 300px:
document.getEuityById ["myimg"]. Width = "300";
Hãy tự mình thử »
Định nghĩa và cách sử dụng
Thuộc tính chiều rộng đặt hoặc trả về giá trị của thuộc tính chiều rộng của hình ảnh.
Thuộc tính chiều rộng chỉ định chiều rộng của hình ảnh.
Thuộc tính này cũng có thể trả về chiều rộng của một hình ảnh được tạo kiểu với CSS [xem thêm các ví dụ].
Mẹo: Sử dụng thuộc tính chiều cao để đặt hoặc trả về giá trị của thuộc tính chiều cao của hình ảnh. Use the height property to set or return the value of the height attribute of an image.
Hỗ trợ trình duyệt
| bề rộng | Đúng | Đúng | Đúng | Đúng | Đúng |
Cú pháp
Trả lại thuộc tính chiều rộng:
Đặt thuộc tính chiều rộng:
ImageObject.width = pixel
Giá trị tài sản
| điểm ảnh | Chiều rộng tính bằng pixel [ví dụ: width = "100"] |
Chi tiết kỹ thuật
| Một số, đại diện cho chiều rộng của hình ảnh, tính bằng pixel |
Nhiều ví dụ hơn
Thí dụ
Trả về chiều rộng của một hình ảnh:
var x = document.getEuityById ["myimg"]. chiều rộng;
Hãy tự mình thử »
Thí dụ
Định nghĩa và cách sử dụng
Thuộc tính chiều rộng đặt hoặc trả về giá trị của thuộc tính chiều rộng của hình ảnh.
document.getElementById["myImg"].width = "300";
Hãy tự mình thử »
Thí dụ
Định nghĩa và cách sử dụng
Thuộc tính chiều rộng đặt hoặc trả về giá trị của thuộc tính chiều rộng của hình ảnh.
Hãy tự mình thử »
Thuộc tính chiều rộng chỉ định chiều rộng của hình ảnh.
Thuộc tính này cũng có thể trả về chiều rộng của một hình ảnh được tạo kiểu với CSS [xem thêm các ví dụ].
Đối tượng hình ảnh
59
Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.
Tôi đang cố gắng thay đổi kích thước của một hình ảnh với JavaScript. Tệp JS tách biệt với trang HTML.
Tôi muốn đặt chiều cao và chiều rộng của hình ảnh trong tệp JS. Bất kỳ cách tốt để làm điều này?
Ben
50.6K36 Huy hiệu vàng125 Huy hiệu bạc144 Huy hiệu đồng36 gold badges125 silver badges144 bronze badges
Hỏi ngày 19 tháng 8 năm 2009 lúc 1:50Aug 19, 2009 at 1:50
Spyderfusion02Spyderfusion02Spyderfusion02
1.0033 huy hiệu vàng17 Huy hiệu bạc26 Huy hiệu đồng3 gold badges17 silver badges26 bronze badges
Khi bạn có tham chiếu đến hình ảnh của mình, bạn có thể đặt chiều cao và chiều rộng của nó như vậy:
var yourImg = document.getElementById['yourImgId'];
if[yourImg && yourImg.style] {
yourImg.style.height = '100px';
yourImg.style.width = '200px';
}
Trong HTML, nó sẽ như thế này:
Đã trả lời ngày 19 tháng 8 năm 2009 lúc 1:54Aug 19, 2009 at 1:54
5
Bạn có thể thay đổi các thuộc tính chiều rộng/chiều cao thực tế như thế này:
var theImg = document.getElementById['theImgId'];
theImg.height = 150;
theImg.width = 150;
Đã trả lời ngày 19 tháng 8 năm 2009 lúc 2:38Aug 19, 2009 at 2:38
Colin O'Dellcolin O'DellColin O'Dell
7.9588 Huy hiệu vàng39 Huy hiệu bạc74 Huy hiệu đồng8 gold badges39 silver badges74 bronze badges
1
Nếu bạn muốn thay đổi kích thước một hình ảnh sau khi nó được tải, bạn có thể đính kèm vào sự kiện
Mã dưới đây được kiểm tra và hoạt động trong: IE 6, 7 & 8, Firefox 2, 3 & 3.5, Opera 9 & 10, Safari 3 & 4 và Google Chrome:
function resizeImg[img, height, width] {
img.height = height;
img.width = width;
}
Đã trả lời ngày 19 tháng 8 năm 2009 lúc 17:24Aug 19, 2009 at 17:24
Grant Wagnergrant WagnerGrant Wagner
24.6K6 Huy hiệu vàng53 Huy hiệu bạc60 Huy hiệu Đồng6 gold badges53 silver badges60 bronze badges
Thay đổi một hình ảnh là dễ dàng, nhưng làm thế nào để bạn thay đổi nó trở lại kích thước ban đầu sau khi nó đã được thay đổi? Bạn có thể thử điều này để thay đổi tất cả các hình ảnh trong một tài liệu trở lại kích thước ban đầu:
var i,L=document.images.length; for[i=0;i