जावास्क्रिप्ट

Question

मैं जिसमें बनाता गतिशील div

var nFilter = document.createElement('div'); 
nFilter.className = 'well'; 
nFilter.innerHTML = '<label>' + sSearchStr + '</label>'; 

मेरा विचार जोड़ने के लिए है

style = "width:330px;float:left;" 

कोड एक डायनामिक रूप से तैयार div तत्व के लिए इस कोड जोड़ने का प्रयास कर रहा हूँ का उपयोग कर इनलाइन शैली जोड़ें < div class="well" के बाद शैली लेकिन मुझे नहीं पता कि मैं इसे कैसे करूँगा।

Answer 1

nFilter.style.width='330px'; 
nFilter.style.float='left'; 

यह तत्व में एक इनलाइन शैली जोड़ना चाहिए।

Answer 2

आप बनाना चाहिए एक सीएसएस वर्ग .my_style तो का उपयोग .addClass('.mystyle')

Answer 3

अब है कि आप वर्ग बना लिया है सीएसएस के साथ यह मत करो। .well { चौड़ाई: 330 पीएक्स; फ्लोट: बाएं; }

Answer 4

jQuery का उपयोग करना:

$(nFilter).attr("style","whatever"); 

अन्यथा

:

nFilter.setAttribute("style", "whatever"); 

काम करना चाहिए

Answer 5

आप शैली पर सीधे यह कर सकते हैं:

var nFilter = document.createElement('div'); 
nFilter.className = 'well'; 
nFilter.innerHTML = '<label>'+sSearchStr+'</label>'; 

// Css styling 
nFilter.style.width = "330px"; 
nFilter.style.float = "left"; 

// or 
nFilter.setAttribute("style", "width:330px;float:left;"); 

Answer 6

उपयोग +०१२३२७७७९११

nFilter.style.cssText +=';width:330px;float:left;'; 

Answer 7

var div = document.createElement('div'); 
div.setAttribute('style', 'width:330px; float:left'); 
div.setAttribute('class', 'well'); 
var label = document.createElement('label'); 
label.innerHTML = 'YOUR TEXT HERE'; 
div.appendChild(label); 

Answer 8

आप इस

nFilter.style.cssText = 'width:330px;float:left;'; 

कि यह आप के लिए क्या करना चाहिए के साथ की कोशिश कर सकते हैं। इस तरह

Answer 9

कोशिश कुछ

document.getElementById("vid-holder").style.width=300 + "px"; 

Answer 10

आप लाइन द्वारा प्रत्येक सीएसएस संपत्ति पंक्ति जोड़ने के लिए नहीं करना चाहते हैं, तो आप कुछ इस तरह कर सकते हैं:

document.body.insertAdjacentHTML('afterbegin','<div id="div"></div>'); 
 

 
/** 
 
* Add styles to DOM element 
 
* @element DOM element 
 
* @styles object with css styles 
 
*/ 
 
function addStyles(element,styles){ 
 
    for(id in styles){ 
 
    element.style[id] = styles[id]; 
 
    } 
 
} 
 

 
// usage 
 
var nFilter = document.getElementById('div'); 
 
var styles = { 
 
    color: "red" 
 
    ,width: "100px" 
 
    ,height: "100px" 
 
    ,display: "block" 
 
    ,border: "1px solid blue" 
 
} 
 
addStyles(nFilter,styles);

Answer 11

कुछ लोगों के पास setAttribute का उपयोग करके एक उदाहरण है जो मुझे पसंद है। हालांकि यह मानता है कि आपके पास वर्तमान में कोई शैलियों सेट नहीं है। मैं शायद कुछ ऐसा करना होगा:

nFilter.setAttribute('style', nFilter.getAttribute('style') + ';width:330px;float:left;'); 

या यह इस तरह एक सहायक समारोह में बनाना:

function setStyle(el, css){ 
    el.setAttribute('style', el.getAttribute('style') + ';' + css); 
} 

setStyle(nFilter, 'width:330px;float:left;'); 

यह सुनिश्चित करें कि आप लगातार यह करने के लिए शैलियों में जोड़ सकते हैं बनाता है और यह किसी भी शैली को नहीं निकाला जाएगा वर्तमान में हमेशा मौजूदा शैलियों में संलग्न करके सेट किया गया है। यह एक अतिरिक्त अर्ध कोलन भी जोड़ता है ताकि यदि कोई शैली कभी गायब हो, तो यह सुनिश्चित करने के लिए एक और जोड़ देगा कि यह पूरी तरह से सीमित है।