/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

11 votes211 views2 answers
Remove blue border input
Html
22 votes297 views4 answers
Run a function when a button has the onclick
Html
25 votes290 views4 answers
Remove underline html
Html
1 vote281 views1 answer
Css radio default checked
Html
0 vote302 views1 answer
Slot tag
Html
0 vote279 views1 answer
Html.Raw blazor
Html
1 vote285 views2 answers
Meta og:image
Html
0 vote268 views1 answer
How to make multiple pages html
Html
-1 vote266 views1 answer
Html css how to position elements on right of div
Html
0 vote247 views1 answer
Fetch('https://www.example.com/index.html') .then(res => res.text()) .then(html => console.log(html));
Html