HTML DOM Input Image width Property

HTML DOM Image width Property

Last Updated : 05 Oct, 2021

The HTML DOM Image width Property is used to set or return the value of the width attribute of the <img> element. It returns a numeric value in terms of pixels.

Syntax:

It returns the width property.

imageObject.width

It sets the width property.

imageObject.width = pixels

Property Values:

pixels: It specifies the width of the Image element in terms of pixels.

Return Value: It returns a string value that represents the width of the image in terms of pixels.

Example 1: This example illustrates how to return the Image width property.

HTML

<!DOCTYPE html>
<html>

<body>
    <center>
        <h1 style="color: green">
            GeeksforGeeks
        </h1>
        
        <h2>HTML DOM Image width Property</h2>
        
        <img id="GFG" src=
"https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"
            width="400" height="150" />
        <br>
        
        <button onclick="Geeks()">
            Click me!
        </button>
        
        <p id="sudo"></p>

    </center>

    <script>
        function Geeks() {
            var g = document.getElementById("GFG").width;
            document.getElementById("sudo").innerHTML = g + "px";
        }
    </script>
</body>

</html>

Output:

Example 2: This example sets the image width property.

HTML

<!DOCTYPE html>
<html>

<body>
    <center>
        <h1 style="color: green">
            GeeksforGeeks
        </h1>
        
        <h2>HTML DOM Image width Property</h2>
        
        <img id="GFG" src=
"https://media.geeksforgeeks.org/wp-content/uploads/a1-25.png"
            width="400" height="150" />
        <br>
        
        <button onclick="Geeks()">
            Click me!
        </button>
        
        <p id="sudo"></p>

    </center>
    <script>
        function Geeks() {
            var g = document.getElementById("GFG").width = "200";
            document.getElementById("sudo").innerHTML = g + "px";
        }
    </script>
</body>

</html>

Output:

Supported Browsers:

Google Chrome
Internet Explorer
Firefox
Apple Safari
Opera

HTML DOM Input Image width Property

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML DOM Input Image width Property

The Input Image width Property In HTML DOM is used to return the value of the width attribute of the <input type="image">. Syntax: To return the width Property.imageObject.widthTo set the width Property.imageObject.width = value; Property Value: It contains the numeric value which specifies th

HTML DOM Marquee width Property

The HTML DOM Marquee width property is used to set or return the value of the width attribute of the <marquee> element. Syntax: It returns the marquee width property. marqueeObject.width; It sets the marquee width property. marqueeObject.width="px/%" Property values: px: It defines the width v

HTML | DOM Object width Property

The DOM Object width Property in HTML DOM is used to set or return the width of the Object. The width attribute is used to specify the width of an Object. Syntax: It returns the width property. objObject.widthIt is used to set the width property. objObject.width = pixels Property Values: It contains

HTML DOM HR width Property

The DOM HR width Property is used to set or return the value of the width attribute of an HR Element. Note: This property is not supported by HTML5. Syntax:Â It returns an HR width Property.hrObject.width; It sets the HR width Property.hrObject.width = "pixel | %";Property Values:Â Property Value De

HTML DOM Image vspace Property

The HTML DOM Image vspace Property is used to set or return the value of the vspace attribute of the image element. The vspace attribute is used to specify the number of whitespaces from bottom and top side of an Image. Syntax It returns the image vspace property. ImageObject.vspace; It sets the ima

HTML | DOM Image name Property

The Image name Property in HTML DOM is used for setting or returning the value of the name Attribute of an <image> element. Note: This property is not supported by HTML 5. Syntax: imageObject.name Property Values: name: It specifies the name of the Image. Return Value: It returns a string valu

HTML canvas ImageData width Property

The ImageData width property is used to return the width of an ImageData object, in pixels. Syntax: imgData.width; Example: In this example, we are using the above-explained property. html <!DOCTYPE html> <html> <body> <h3 style="color:green">GeeksforGeeks</h3

HTML | DOM Table width Property

The Table width property in HTML DOM is used to set or return the value of the width attribute of a table. Note: This property is not supported by HTML5. Syntax: It returns the width property of a table.tableObject.width;It is used to set the width property of a table.tableObject.width ="pixels"; At

HTML | DOM embed width property

The DOM embed width property in HTML is used to set or return the value of the width attribute. The width attribute defines the width of the embedded content, in pixels. Syntax:Return the width property:embedObject.widthSet the width property:embedObject.width = pixelsProperty Values:px: Specify the

HTML DOM Video width Property

The HTML video element displays a video with specified dimensions. Using JavaScript, its width property can be dynamically altered, enabling dynamic adjustments to the video display. Syntax:Â // To Get the width property:Â videoObject.width// To Set the width property:Â videoObject.width = pixelsPrope