اجبار یک المنت برای استفاده از یک Style sheet

شروع موضوع توسط niny-goloo ‏14 جولای 2014 در انجمن برنامه‌نویسی با جاوااسکریپت (JavaScript)

  1. niny-goloo

    niny-goloo Member

    ارسال‌ها:
    73
    تشکر شده:
    23
    امتیاز دستاورد:
    6
    با سلام
    فرض کنید کدی مثل زیر داریم

    HTML:

    <div id="newsBody">
        <span style="font-family:Tahoma, Geneva, sans-serif;font-size:12px;"> متن نوشته شده در اینجا </span>
        <div style="font-family:Tahoma, Geneva, sans-serif;font-size:12px;">
             <span>      تیتر اصلی صفحه </span>
            <span> خلاصه خبر </span>
         </div>
         <div style="font-family:Tahoma, Geneva, sans-serif;font-size:12px;">
                <span style="font-family:Tahoma, Geneva, sans-serif;font-size:12px;">
                    <p> پاراگرافی اول خبر </p>
                    <p> پاراگراف دوم خبر </p>
                    <p> پاراگراف سوم خبر </p>
                 </span>
               
         </div>
         <p> پا نویس </p>
    </div>

     
    اگه دقت کنید متوجه می شدی که در هر المنت به صورت خطی تعریف شده که از فونت و سایز خاصی استفاده کنه.
    من قصد دارم که با کد جاوا اسکریپت یا جی کوئری مجبور کنم که از استایل خاصی استفاده کنه. دلیل استفادم از JS یا Jquery هم اینه که من به کد اصلی صفحه نمیتونم دسترسی داشته باشم. پس نمی تونم روی تگ ها نام کلاس و یا ID بزارم تا با استفاده از اون با CSS تغییر استایل بدم.

    با سپاس فراوان از دوستان گرامی
     
    نوشته شده توسط niny-goloo در ‏14 جولای 2014
  2. eAmin

    eAmin Well-Known Member

    ارسال‌ها:
    944
    تشکر شده:
    845
    امتیاز دستاورد:
    93
    نمیدونم چطور میخواید از این کدها استفاده کنید، ولی روش معمول به اینصورت هست با کتابخونه jQuery:
    کد (Text):

    $(function() {
        $('#element').css('color', 'red');
    });
     
     
    نوشته شده توسط eAmin در ‏23 جولای 2014
  3. H05531N

    H05531N Member

    ارسال‌ها:
    93
    تشکر شده:
    34
    امتیاز دستاورد:
    6
    PHP:

    var element=$('span[style="font-family:Tahoma, Geneva, sans-serif;font-size:12px"]')
    element.removeAttr('style');
    element.css("color","#ff0000");
     
    نوشته شده توسط H05531N در ‏24 مارس 2016

به اشتراک بگذارید