शीर्ष/बाएं/नीचे/दाएं मानों को बढ़ाने के लिए जावास्क्रिप्ट का उपयोग

Question

मैं x पिक्सेल द्वारा तत्व की स्थिति में वृद्धि करने की कोशिश कर रहा हूं। यहाँ मैं अब तक की कोशिश की है है:

var top = document.getElementById("something").style.top; 
top = top + "300px" 

मुझे पता है कि यह काम करने के लिए नहीं जा रहा है, लेकिन अगर यह संभव हो गया था इस तरह की स्थिति मूल्य बढ़ाने के लिए मैं सोच रहा था।

Answer 1

क्योंकि style.top"300px" जैसे अंत में इकाइयों के साथ एक स्ट्रिंग है, आप केवल इसके साथ गणित कर सकते हैं जब आप केवल संख्यात्मक भाग को वास्तविक संख्या में परिवर्तित करते हैं।

मान लें कि आप एक तैनात तत्व (ताकि top मान सेट कुछ करना होगा) है और आप पहले से ही एक top शैली तत्व पर सीधे सेट और सीएसएस के माध्यम से सेट नहीं है (इसलिए हो रही obj.style.top वास्तव में आप कुछ मिल जाएगा), आप कर सकते हैं

var obj = document.getElementById("something"); 
var topVal = parseInt(obj.style.top, 10); 
obj.style.top = (topVal + 300) + "px"; 

कार्य उदाहरण: इस तरह शैली मूल्य से बाहर नंबर पार्स करने से यह कर http://jsfiddle.net/jfriend00/pt46X/

Answer 2

यह ठीक से काम नहीं चलेगा, क्योंकि उदाहरण के लिए, यदि top200px के एक मूल्य था, यह होगा बनना "200px300px"। इस प्रयास करें:

var elem = document.getElementById("something"); 
elem.style.top = parseInt(elem.style.top, 10) + 300 + "px" 

Demo WEEEE!!!!