/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

1 vote178 views1 answer
Replace svg with another using javascript
Html
0 vote181 views1 answer
Coloring and size of text in html
Html
34 votes184 views4 answers
Bootstrap substractive border right
Html
12 votes177 views2 answers
Html local image
Html
10 votes191 views3 answers
Comment out html in react
Html
0 vote174 views1 answer
Html numeric keyboard
Html
-1 vote172 views1 answer
Where does lava come from
Html
0 vote166 views1 answer
Ps -aux | grep pid | kill
Html
0 vote176 views1 answer
Index.html favicon.ico 404 (Not Found)
Html
0 vote166 views1 answer
Code html view mobile inspect link head metalink
Html