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

वेनिला जावास्क्रिप्ट के साथ div ऊंचाई प्राप्त करें

<घंटा/>

डिव की ऊंचाई प्राप्त करने के लिए आप 2 गुणों, क्लाइंटहाइट और ऑफसेटहाइट का उपयोग कर सकते हैं।

क्लाइंटहाइट में डिव की पैडिंग शामिल है।

ऑफसेटहाइट में पैडिंग, स्क्रॉलबार और डिव के बॉर्डर शामिल हैं।

उदाहरण

उदाहरण के लिए, यदि आपके पास निम्न HTML है -

<div id="myDiv" height="400px"></div>

आप −

. का उपयोग करके ऊंचाई प्राप्त कर सकते हैं
const height = document.querySelector('#myDiv').offsetHeight
console.log(height)

आउटपुट

यह आउटपुट देगा -

400

  1. जावास्क्रिप्ट के साथ div से मूल्य प्राप्त करें जिसके परिणामस्वरूप अपरिभाषित है?

    इसके लिए document.getElementById().innerHTML का उपयोग करें। निम्नलिखित जावास्क्रिप्ट कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"

  1. जावास्क्रिप्ट के साथ एक डिव का स्क्रीनशॉट कैसे लें

    हमें अपने मार्कअप के उस हिस्से (भागों) को कैप्चर (छवि में बदलना) आवश्यक है जो हमारी वेबसाइट को प्रस्तुत करता है और उस कैप्चर की गई छवि को सहेजता है या इसके साथ कुछ करता है। इसलिए, हमें एक ऐसा तरीका तैयार करने की आवश्यकता है जिसका उपयोग करके हम इस वर्णित व्यवहार को प्राप्त कर सकें। चूंकि हमारी समस्य

  1. जावास्क्रिप्ट के साथ सीएसएस चर प्राप्त करें और सेट करें

    GetComputedStyle () विधि एक वस्तु देती है जिसमें लक्ष्य तत्व पर लागू सभी शैलियाँ शामिल होती हैं। getPropertyValue() विधि का उपयोग गणना की गई शैलियों से वांछित संपत्ति प्राप्त करने के लिए किया जाता है। CSS वेरिएबल के मान को बदलने के लिए setProperty() का उपयोग किया जाता है। उदाहरण निम्नलिखित उदाहरण ब