最新的Web開發教程

×

JavaScript 參考

JavaScript

JS 字符串 JS 數 JS 運算符 JS 聲明 JS 數學 JS 日期 JS 排列 JS 布爾 JS 正則表達式 JS 全局 JS 轉變

瀏覽器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 分子 DOM 屬性 DOM 事件 DOM 樣式

HTML 對象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他對象

CSSStyleDeclaration

圖像寬度屬性

例

圖像的寬度更改為300像素：

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

定義和用法

寬度屬性設置或返回的值width圖像的屬性。

的width屬性指定的圖像的寬度。

此屬性還可以返回已鋪有CSS圖像的寬度（查看更多的例子）。

提示：使用高度屬性來設置或返回的值height圖像的屬性。

瀏覽器支持

屬性
width	是	是	是	是	是

句法

返回width屬性：

imageObject .width

設置width屬性：

imageObject .width= pixels

屬性值

Value	Description
pixels	The width in pixels (e.g. height="100")

技術細節

返回值：	一個數字，表示圖像的寬度，以像素為單位

更多示例

例

返回一個圖像的寬度：

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

x的結果將是：

107

例

圖像的高度和寬度更改為300像素：

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

例

返回已與風格的CSS圖像的寬度：

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

相關頁面

HTML參考： HTML <img> width屬性

圖像對象參考