html - How to increase the page height by X pixels by using only javascript -


एक HTML पृष्ठ मान:

  & lt; html & gt; & LT; बॉडी & gt; .. html सामग्री (हमारे नियंत्रण के बाहर) .. .. जावास्क्रिप्ट ब्लॉक .. .. कुछ और HTML सामग्री (हमारे नियंत्रण के बाहर) .. & lt; / body & gt; & Lt; / html & gt;  

आगे मान लें कि HTML पृष्ठ का एकमात्र हिस्सा जिसे हम नियंत्रित करने में सक्षम हैं पृष्ठ के मध्य में एक जावास्क्रिप्ट ब्लॉक है।

उस जावास्क्रिप्ट ब्लॉक का उपयोग करना , मैं पृष्ठ की निचले हिस्से में "पैडिंग" द्वारा कुल पृष्ठ की ऊंचाई 150 पिक्सल से कैसे बढ़ाऊं?

अगर मैं एचटीएमएल को बदल सकता हूं तो एक साधारण समाधान होगा:

  & lt; html & gt; & LT; बॉडी & gt; .. html सामग्री (हमारे नियंत्रण के बाहर) .. जावास्क्रिप्ट ब्लॉक .. .. कुछ और HTML सामग्री (हमारे नियंत्रण के बाहर) .. & lt; div शैली = "ऊंचाई: 150px; स्पष्ट: दोनों;" & gt; & lt ; / div & gt; & Lt; / body & gt; & Lt; / html & gt;  

लेकिन मैं जावास्क्रिप्ट ब्लॉक का उपयोग करके इसे कैसे प्राप्त करूं?

आदर्श समाधान क्रॉस-ब्राउज़र संगत होना चाहिए और 100% इनलाइन होना चाहिए (जो कि जावास्क्रिप्ट का उपयोग नहीं कर रहा है लाइब्रेरी)।

अपडेट # 1: जावास्क्रिप्ट ब्लॉक के पास पृष्ठ के संपूर्ण DOM तक पहुंच है।

अपडेट # 2: पृष्ठ की कुल लंबाई (DOM को बदलने से पहले) बदलती है।

अपडेट # 3: मान लें कि कोई जावास्क्रिप्ट लाइब्रेरी (जैसे अन्यथा उत्कृष्ट jQuery के रूप में) का उपयोग किया जा सकता है ।

नवीनीकृत कोड:

  var space = document.createElement ( 'div'); Space.style.height = "150px"; Space.style.clear = "both"; document.getElementsByTagName ( "शरीर") [0] .appendChild (अंतरिक्ष);  

Comments

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

html - CSS autoheight, but fit content to height of div -

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -