Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML DOM स्क्रॉलहाइट प्रॉपर्टी

<घंटा/>

HTML DOM स्क्रॉलहाइट प्रॉपर्टी किसी HTML दस्तावेज़ में px में किसी तत्व की संपूर्ण ऊँचाई (सामग्री + पैडिंग) लौटाती है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

element.scrollHeight

उदाहरण

आइए स्क्रॉलहाइट प्रॉपर्टी का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
   html{
      height:100%;
   }
   body{
      text-align:center;
      color:#fff;
      background: #ff7f5094;
      height:100%;
   }
   p{
      font-weight:700;
      font-size:1.2rem;
      height:80px;
      border:1px solid #fff;
      overflow:auto;
      width:250px;
      margin:20px auto;
   }
   .btn{
      background:#0197F6;
      border:none;
      height:2rem;
      border-radius:2px;
      width:35%;
      margin:2rem auto;
      display:block;
      color:#fff;
      outline:none;
      cursor:pointer;
   }
   .show{
      font-size:1.5rem;
   }
</style>
</head>
<body>
<h1>DOM scrollHeight/scrollWidth Property Demo</h1>
<p>Hi!I'm a para element in HTML with some dummy text.
Hi!I'm a para element in HTML with some dummy text.
Hi!I'm a para element in HTML with some dummy text.
Hi!I'm a para element in HTML with some dummy text.</p>
<button onclick="getHW()" class="btn">Get paragraph height & width</button>
<div class="show"></div>
<script>
   function getHW() {
      var para = document.querySelector('p');
      document.querySelector(".show").innerHTML="<div>Para Height = "+para.scrollHeight+" px</div><div>Para Width = "+ para.scrollWidth+" px</div>";
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

HTML DOM स्क्रॉलहाइट प्रॉपर्टी

नीला . पर क्लिक करें अनुच्छेद की स्क्रॉल चौड़ाई और ऊंचाई प्रदर्शित करने के लिए बटन -

HTML DOM स्क्रॉलहाइट प्रॉपर्टी


  1. एचटीएमएल डोम नाम संपत्ति

    HTML DOM नाम गुण किसी तत्व की विशेषता के नाम से संबंधित स्ट्रिंग देता है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान elementAttribute.name आइए एक उदाहरण देखें HTML DOM नाम संपत्ति - <!DOCTYPE html> <html> <head> <title>HTML DOM name</title> <style> &nb

  1. HTML DOM ऑफ़सेटहाइट प्रॉपर्टी

    HTML DOM ऑफ़सेटहाइट प्रॉपर्टी किसी तत्व की ऊंचाई के अनुरूप संख्या लौटाती है, जिसमें उसके पैडिंग, बॉर्डर और स्क्रॉलबार शामिल हैं, लेकिन उसका मार्जिन नहीं। निम्नलिखित वाक्य रचना है - वापसी संख्या मान HTMLelement.offsetHeight आइए, HTML DOM ऑफ़सेट हाइट का एक उदाहरण देखें संपत्ति - उदाहरण <!DOCTYPE

  1. एचटीएमएल डोम वीडियो ऊंचाई संपत्ति

    HTML DOM वीडियो ऊंचाई गुण मीडिया की ऊंचाई (पिक्सेल में) के अनुरूप संख्या लौटाता/सेट करता है। सिंटैक्स निम्नलिखित वाक्य रचना है - वापसी ऊंचाई एक संख्या के रूप में (px) मीडियाऑब्जेक्ट.ऊंचाई ऊंचाई सेट करना एक संख्या के लिए (px) मीडियाऑब्जेक्ट.ऊंचाई =संख्या आइए वीडियो की ऊंचाई . का एक उदाहरण देखें स