/Html/How to find total height of single page page in html

How to find total height of single page page in html

function calculateTotalHeightMinusElement(excludeElementClass)
{
  // Get all child elements of the body tag
  var bodyChildren = (document.getElementsByTagName('body')[0]).children;

  var totalHeight = 0;

  // Loop through the selected elements
  for (var i = 0; i < bodyChildren.length; i++) {

    // Add the height of this element
    totalHeight = totalHeight + bodyChildren[i].offsetHeight;
  }

  // Get the height of the element we want to exclude
  var excludedElementHeight = document.getElementsByClassName(excludeElementClass)[0].offsetHeight;

  // Calculate height minus the excluded element
  var finalHeight = totalHeight - excludedElementHeight;

  // Display the final height in an alert
  alert("Total height: " + finalHeight);
}

document.addEventListener("DOMContentLoaded", function(event) {

  // Pass in the class name of the element you want to minus from the height calculation
  calculateTotalHeightMinusElement("myDivClass");
});

Source: stackoverflow.com

Similar codes

3 votes167 views3 answers
Html input only letters
Html
9 votes200 views2 answers
How to make a div stick to bottom of page bootstrap
Html
0 vote206 views1 answer
Is jeremy ugly
Html
13 votes196 views6 answers
Bootstrap 5 card
Html
2 votes214 views1 answer
Javascript inline onclick get event
Html
8 votes169 views2 answers
Javascript input field
Html
10 votes177 views1 answer
Google logo link
Html
0 vote191 views1 answer
Bootstrap date search
Html
0 vote197 views1 answer
Code for centre text in html
Html
0 vote189 views1 answer
Elasticsearch built-in security features are not enabled. Without authentication, your cluster could be accessible to anyone. See https://www.elastic.co/guide/en/elasticsearch/reference/7.15/security-minimal-setup.html to enable security.
Html