get html tag width

Grieving Gharial answered on October 1, 2024 Popularity 1/10 Helpfulness 1/10

answer get html tag width

get html tag width

Comment

<!DOCTYPE html>
<html>

<head>
    <title>offsetWidth and offsetHeight Example</title>
</head>

<body style="text-align: center;">
    <h1 style="color:green" id="header">
        GeekforGeeks
    </h1>

    <p id="paragraph">
        Computer Science Portal
    </p>
    
    <p id="widthHeight"></p>
    
    <script>
        const header = document.getElementById("header");
        const paragraph = document.getElementById("paragraph");
        const widthHeight = document.getElementById("widthHeight");
        
        widthHeight.innerHTML =
            "Header Width: " + header.offsetWidth + "px" + "<br>" +
            "Header Height: " + header.offsetHeight + "px" + "<br>" +
            "Paragraph Width: " + paragraph.offsetWidth + "px" + "<br>" +
            "Paragraph Height: " + paragraph.offsetHeight + "px";
    </script>
</body>

</html>

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: www.geeksforgeeks.org

Tags: get html javascript width

Link to this answer
Share Copy Link