मैं इस कोड को गतिशील रूप से निर्मित div तत्व में जोड़ने का प्रयास कर रहा हूं
style = "width:330px;float:left;"
जिस कोड में डायनेमिक बनता divहै
var nFilter = document.createElement('div');
nFilter.className = 'well';
nFilter.innerHTML = '<label>' + sSearchStr + '</label>';
मेरा विचार शैली को जोड़ने के बाद है, < div class="well"लेकिन मुझे नहीं पता कि मैं इसे कैसे करूँगा।
nFilter.style.width = '330px'; nFilter.style.float = 'left';आप के लिए क्या देख रहे हैं?
जवाबों:
आप इसे सीधे शैली पर कर सकते हैं:
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;");
JQuery का उपयोग करना:
$(nFilter).attr("style","whatever");
अन्यथा :
nFilter.setAttribute("style", "whatever");
कार्य करना चाहिए
आप इस के साथ कोशिश कर सकते हैं
nFilter.style.cssText = 'width:330px;float:left;';
यह आपके लिए करना चाहिए।
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);
कुछ लोगों के पास एक उदाहरण है जो मुझे पसंद है। हालाँकि यह मानता है कि वर्तमान में आपके पास कोई शैली नहीं है। मैं शायद कुछ ऐसा करूंगा:
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;');
यह सुनिश्चित करता है कि आप इसमें लगातार शैलियों को जोड़ सकते हैं और यह वर्तमान शैली को वर्तमान शैली में हमेशा के लिए जोड़कर किसी भी शैली को नहीं हटाएगा। यह एक अतिरिक्त अर्ध उपनिवेश भी जोड़ता है ताकि यदि कोई शैली कभी गायब हो जाए तो यह एक और जोड़ देगा यह सुनिश्चित करने के लिए कि यह पूरी तरह से सीमांकित है।
यदि आप एक सीएसएस वर्ग बनाना चाहिए .my_styleतो का उपयोग.addClass('.mystyle')
यदि आप प्रत्येक css प्रॉपर्टी लाइन को लाइन से नहीं जोड़ना चाहते हैं, तो आप कुछ इस तरह से कर सकते हैं:
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);CssText का उपयोग करें
nFilter.style.cssText +=';width:330px;float:left;';
कुछ इस तरह की कोशिश करो
document.getElementById("vid-holder").style.width=300 + "px";