最新的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属性

图像对象参考