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
Post a Comment