शीर्ष और बाएं सीएसएस विशेषताओं को सेट करना

Question

किसी कारण से मैं निम्नलिखित जावास्क्रिप्ट का उपयोग करके "शीर्ष" और "बाएं" सीएसएस विशेषताओं को सेट करने में असमर्थ हूं।

var div = document.createElement('div'); 
div.style.position = 'absolute'; 
div.style.top = 200; 
div.style.left = 200; 
document.body.appendChild(div); 

Firebug का उपयोग करना मैं देख सकता हूँ कि div"absolute" को position सेट हो जाता है लेकिन top और left विशेषताओं को सेट नहीं कर रहे हैं!

यह फ़ायरफ़ॉक्स 3.6 के लिए है।

Answer 1

div.style.top = "200px"; 
div.style.left = "200px"; 

?

Answer 2

तुम भी तरह

नीचे

document.getElementById('divName').style.setProperty("top", "100px"); 

Answer 3

div.style एक वस्तु (CSSStyleDeclaration) पैदावार setProperty विधि का उपयोग कर सकते हैं। चूंकि यह एक वस्तु है, तो आप वैकल्पिक रूप से उपयोग कर सकते हैं निम्नलिखित:

div.style["top"] = "200px"; 
div.style["left"] = "200px"; 

यह आपको एक "चर" संपत्ति का उपयोग करने की जरूरत है,, उपयोगी है, उदाहरण के लिए:

div.style[prop] = "200px";