PDA

View Full Version : وارد کردن خاصیت CSS یک عنصر با جاوا اسکریپت



np.1400
شنبه 22 فروردین 1394, 13:58 عصر
سلام.
میخواستم بدونم راهی هست که مقدار یکی از خاصیتهای css یک عنصر رو در جاوا اسکریپت وارد کنیم؟
به عنوان مثال اگر کد html این باشه:

<div class="box"></div>
و کد CSS این باشه:

.box {
padding: 50px;
border: 1px solid #000000;
background: #00ffff;
}
چجوری میشه با جاوا اسکریپت یا جی کوئری background عنصر box رو خوند و ازش استفاده کرد؟
یعنی عبارت 00ffff رو برگردونه.
یه چیزی مثل attr() میخوام ولی به جای html بره تو css
ممنون

Freedon_23
شنبه 22 فروردین 1394, 15:24 عصر
سلام
شما میتونید از متد .css استفاده کنید:

var BgColor = jQuery('div.box').css('background');

یا

var BgColor = jQuery('div.box').css('background-color');

np.1400
شنبه 22 فروردین 1394, 16:58 عصر
ممنون
اما نمیدونم چجوری ازش استفاده کنم
http://jsfiddle.net/cxAaU/26/

کد شما رو گذاشتم تو خط 19
میخوام تو خط 20 به جای #555555 مقدار BgColor رو بذارم اما نمیشه.

np.1400
شنبه 22 فروردین 1394, 17:52 عصر
متوجه شدم.
این کد RGB بر میگردونه ولی من HEX میخوام.
این مبدل rgb به hex :
http://jsfiddle.net/ErickPetru/E7wFK/1/

شما از این سر در میارید؟

Freedon_23
یک شنبه 23 فروردین 1394, 13:19 عصر
متوجه شدم.
این کد RGB بر میگردونه ولی من HEX میخوام.
این مبدل rgb به hex :
http://jsfiddle.net/ErickPetru/E7wFK/1/

شما از این سر در میارید؟
این یک پلاگین برای متد .css جی کوئری نوشته شده که خاصیت بک گراند رو بر مبنای HEX برمی گردونه. شما می تونید از این پلاگین برای دریافت بک گراند بصورت HEX استفاده کنید
اگر در مورد استفاده از این پلاگین مشکل داشتید بفرمائید.