আমি এই কোডটি একটি গতিশীলভাবে তৈরি ডিভ উপাদানটিতে যুক্ত করার চেষ্টা করছি
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;');
এটি নিশ্চিত করে তোলে যে আপনি এটিতে ধারাবাহিকভাবে শৈলী যুক্ত করতে পারেন এবং এটি সর্বদা বর্তমান শৈলীতে সংযুক্ত করে সেট করা কোনও স্টাইল সরিয়ে ফেলবে না। এটি একটি অতিরিক্ত আধা কোলন যুক্ত করে যাতে কোনও শৈলীতে যদি কখনও অনুপস্থিত থাকে তবে এটি সম্পূর্ণরূপে সীমিত হয়েছে তা নিশ্চিত করার জন্য এটি অন্যটিকে যুক্ত করে।
আপনি যদি প্রতিটি সিএসএস সম্পত্তি লাইন লাইন যুক্ত করতে না চান তবে আপনি এই জাতীয় কিছু করতে পারেন:
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);এরকম কিছু চেষ্টা করুন
document.getElementById("vid-holder").style.width=300 + "px";