আমার এইচটিএমএলে যদি নিম্নলিখিতগুলি থাকে:
<div style="height:300px; width:300px; background-color:#ffffff;"></div>
এবং এটি আমার সিএসএস স্টাইল শীটে:
div {
width:100px;
height:100px;
background-color:#000000;
}
জাভাস্ক্রিপ্ট / jquery সহ, সমস্ত ইনলাইন শৈলীগুলি সরাতে এবং CSS স্টাইল শীট দ্বারা নির্দিষ্ট স্টাইলগুলি কেবল রেখে যাওয়ার কোনও উপায় আছে?
উত্তর:
$('div').attr('style', '');
বা
$('div').removeAttr('style');( অ্যান্ড্রেসের উত্তর থেকে )
এটিকে কিছুটা ছোট করতে, এটি ব্যবহার করে দেখুন:
$('div[style]').removeAttr('style');
এটি এটির গতি একটু বাড়িয়ে তুলবে কারণ এটি ডিভগুলির স্টাইল বৈশিষ্ট্যটি পরীক্ষা করে।
যে কোনও উপায়ে, আপনার যদি প্রচুর পরিমাণে ডিভ থাকে তবে এটি প্রক্রিয়া করতে কিছুটা সময় নিতে পারে, তাই আপনি জাভাস্ক্রিপ্টের চেয়ে অন্য পদ্ধতিগুলি বিবেচনা করতে চাইতে পারেন।
.css()খালি স্ট্রিং দিয়ে দ্বিতীয় মান হিসাবে কল করা কেবল ইনলাইন স্টাইল থেকে নামকরণকৃত মানকে সরিয়ে ফেলবে, যেমন $ ('ডিভ')। সিএসএস ('ডিসপ্লে', ''); কেবল ইনলাইন প্রদর্শন সম্পত্তি (সেট করা থাকলে) সরিয়ে ফেলবে)
$('*').removeAttr('style')সব লক্ষ্যবস্তু করতে ব্যবহার করুন ।
সরল জাভাস্ক্রিপ্ট:
এর মতো তুচ্ছ কিছু করার জন্য আপনার জিকিউরির দরকার নেই। শুধু .removeAttribute()পদ্ধতিটি ব্যবহার করুন ।
ধরে নিই যে আপনি কেবল একটি একক উপাদানকে টার্গেট করছেন, আপনি সহজেই নিম্নলিখিতগুলি ব্যবহার করতে পারেন: (উদাহরণস্বরূপ)
document.querySelector('#target').removeAttribute('style');
আপনি যদি একাধিক উপাদানকে টার্গেট করে থাকেন তবে উপাদানগুলির নির্বাচিত সংগ্রহের মধ্য দিয়ে কেবল লুপ করুন: (উদাহরণস্বরূপ)
var target = document.querySelectorAll('div');
Array.prototype.forEach.call(target, function(element){
element.removeAttribute('style');
});
Array.prototype.forEach()- .querySelectorAll()আইই 9 এবং উপরে / - আইই 8 (আংশিক) আই 9 এবং তার বেশি।
$('div').removeAttr('style');
আপনার যদি styleকোনও উপাদানটির খালি খালি প্রয়োজন হয় তবে:
element.style.cssText = null;
এটি করা ভাল। আশা করি এটা সাহায্য করবে!
element.style.display = null;- আমার যা প্রয়োজন তা হল: ডি
আপনি গুরুত্বপূর্ণ হিসাবে স্টাইল শীটে সিএসএস তালিকাবদ্ধ করার চেষ্টা করতে পারেন