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

niny-goloo

Member
با سلام
فرض کنید کدی مثل زیر داریم

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 تغییر استایل بدم.

با سپاس فراوان از دوستان گرامی
 

eAmin

Well-Known Member
نمیدونم چطور میخواید از این کدها استفاده کنید، ولی روش معمول به اینصورت هست با کتابخونه jQuery:
کد:
$(function() {
	$('#element').css('color', 'red');
});
 

H05531N

Member
با سلام
فرض کنید کدی مثل زیر داریم

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 تغییر استایل بدم.

با سپاس فراوان از دوستان گرامی
PHP:
var element=$('span[style="font-family:Tahoma, Geneva, sans-serif;font-size:12px"]')
element.removeAttr('style');
element.css("color","#ff0000");
 

جدیدترین ارسال ها

بالا