سلام خدا قوت
میخواستم بدونم چطور به وسیله جاوا میتونم برای یک المنت before یا after استایل اضافه کنم و بهش تنظیمات لازم رو بدم
ممنون
چطور میتونم برای ::after :beforeتنظیمات css رو انجام دهم با جاوا اسکریپت
با سلام خدمت شما دوست عزیز
سوال خیلی خوبی پرسیدین
نکته ای که وجود داره اینه که فریم ورک JQuery تاثیراتش رو بر روی DOM میذاره اما Pseudo element ها مانند before , after در shadow DOM قرار میگیرن که تغییر اونها به صورت مستقیم امکان پذیر نیستش
لینک اموزش یکی از راه حل های انجام این کار رو براتون میذارم :
ممنون از جواب دادنتون
اما من بعد چند روز سرچ یه چیزی پیدا کردم میشه نگاه کنید و بعد نظر بدید میشه معکوسش کنم و set کنم
https://davidwalsh.name/pseudo-element
در مورد کار با جاوا اسکریپت به جای JQuery برای این مشکل میشه کمک کنید
اگر بخواین با java script این کار رو بکنین میتونین اقدامات زیر رو انجام بدین :
یه متغیر درنظر بگیرین :
var str = "bar";بعدش با استفاده از js اون style مورد نظرتون رو به document اضافه کنین :
document.styleSheets[0].addRule('p.special:before', 'content: "' + str + '";');حالا پاراگراف زیر که در کد بدین صورت تعریف شده :
<p class="special">This is a paragraph</p>خروجی مشابه زیر داره :
fooThis is another paragraphاینطوری میتونین به before دسترسی داشته باشین
همینطور برای after هم به همین صورت هستش
امیدوارم جوابتون رو گرفته باشین
اگر مسئله ای بود حتما مطرح کنین