• 1398/01/11

نحو اضافه کردن before and after با جاوا :

سلام خدا قوت

میخواستم بدونم چطور به وسیله جاوا میتونم برای یک المنت before  یا after  استایل اضافه کنم و بهش تنظیمات لازم رو بدم

ممنون

چطور میتونم برای ::after :beforeتنظیمات css رو انجام دهم با جاوا اسکریپت

 

  • 1398/01/11
  • ساعت 21:58

با سلام خدمت شما دوست عزیز

سوال خیلی خوبی پرسیدین

نکته ای که وجود داره اینه که فریم ورک JQuery تاثیراتش رو بر روی DOM میذاره اما Pseudo element ها مانند before , after در shadow DOM قرار میگیرن که تغییر اونها به صورت مستقیم امکان پذیر نیستش

لینک اموزش یکی از راه حل های انجام این کار رو براتون میذارم :

stackoverflow.com


  • 1398/01/11
  • ساعت 22:06

ممنون از جواب دادنتون

اما من بعد چند روز سرچ یه چیزی پیدا کردم میشه نگاه کنید و بعد نظر بدید میشه معکوسش کنم و set کنم 

https://davidwalsh.name/pseudo-element

در مورد کار با جاوا  اسکریپت به جای JQuery برای این مشکل میشه کمک کنید

 


  • 1398/01/11
  • ساعت 22:25

اگر بخواین با 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 هم به همین صورت هستش

امیدوارم جوابتون رو گرفته باشین

اگر مسئله ای بود حتما مطرح کنین 


logo-enamadlogo-samandehi